/* ============================================================
   RS Glas — EFFECTS (Schatten, Overlays, Motion)
   Sehr zurückhaltend: kaum Rundung, kaum Schatten. Tiefe entsteht
   durch Hairline-Borders und dunkle Bänder. Bewegung = kurze
   Fades/Slides, keine Bounces.
   ============================================================ */
:root {
  /* Schatten — nur dort, wo etwas schwebt (Header scrolled, Menü, Pille) */
  --shadow-header:  0 2px 20px rgba(0,0,0,0.08);
  --shadow-menu:    0 16px 34px rgba(26,31,46,0.10);
  --shadow-pop:     0 8px 32px rgba(0,0,0,0.12);
  --shadow-pill:    0 4px 24px rgba(0,0,0,0.30), 0 1px 4px rgba(0,0,0,0.20);

  /* Foto-Overlays über Hero/Bannerbildern */
  --overlay-hero:   rgba(255,248,235,0.35);  /* @kind other */
  --overlay-band:   linear-gradient(to bottom, rgba(14,17,24,0.05) 0%, rgba(14,17,24,0.12) 35%, rgba(14,17,24,0.45) 70%, rgba(14,17,24,0.78) 100%); /* @kind other */
  --img-filter:     saturate(0.7) brightness(1.05); /* @kind other */

  /* Motion */
  --ease-standard:  cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-sheet:     cubic-bezier(0.32, 0.72, 0, 1); /* @kind other */
  --dur-fast:       0.15s; /* @kind other */
  --dur-base:       0.2s; /* @kind other */
  --dur-slow:       0.35s; /* @kind other */

  /* Fokus */
  --focus-ring:     var(--rs-cyan);
}