/* Faces of Desire — Effects: elevation, glow, motion, scrims */
:root {
  /* Shadows — soft, deep, never colored except teal glow on signal elements */
  --shadow-card:  0 16px 40px rgba(0,0,0,0.55);
  --shadow-pop:   0 24px 70px rgba(0,0,0,0.7);
  --shadow-inset: inset 0 0 0 1px rgba(255,255,255,0.04);

  /* Teal glow — used on primary CTAs, live/active states, focus */
  --glow-teal:    0 0 0 1px var(--brand), 0 0 24px var(--teal-glow);
  --glow-teal-sm: 0 0 16px var(--teal-glow);

  /* Focus ring */
  --ring: 0 0 0 2px var(--ink-950), 0 0 0 4px var(--focus-ring);

  /* Blur — used on glass overlays (nav bar, vote sheet) */
  --blur-glass: 18px;            /* @kind other */
  --glass-bg:   rgba(10,10,10,0.6); /* @kind color */

  /* Motion — slow, cinematic. Ease-out for entrances, never bounce. */
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);   /* @kind other */
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);  /* @kind other */
  --dur-fast:   140ms; /* @kind other */
  --dur-base:   280ms; /* @kind other */
  --dur-slow:   520ms; /* @kind other */
  --dur-cine:   900ms; /* @kind other */  /* image ken-burns / cross-fades */

  /* Image treatment — full-bleed, faint grain, slight desaturation on idle */
  --img-idle:   saturate(0.92) contrast(1.02); /* @kind other */
  --img-active: saturate(1.05) contrast(1.04); /* @kind other */
}

/* Reusable scrim utility classes (full-bleed imagery legibility) */
.fod-scrim-bottom { position:absolute; inset:0; background:var(--scrim-bottom); pointer-events:none; }
.fod-scrim-top    { position:absolute; inset:0; background:var(--scrim-top); pointer-events:none; }