/* Voe Media — Elevation, shadows, borders, motion
 * Cinematic + restrained. Shadows are soft and low-contrast on light;
 * on Ink, elevation reads through subtle gold-tinted glows and hairlines.
 */
:root {
  /* ---- Shadows (light surfaces) — neutral, soft, never heavy ---- */
  --shadow-xs: 0 1px 2px rgba(25, 29, 30, 0.06);
  --shadow-sm: 0 2px 6px rgba(25, 29, 30, 0.07);
  --shadow-md: 0 8px 24px rgba(25, 29, 30, 0.10);
  --shadow-lg: 0 18px 48px rgba(25, 29, 30, 0.14);
  --shadow-xl: 0 30px 80px rgba(25, 29, 30, 0.18);

  /* ---- Shadows on Ink — depth from blacker black ---- */
  --shadow-ink-md: 0 12px 32px rgba(0, 0, 0, 0.45);
  --shadow-ink-lg: 0 24px 64px rgba(0, 0, 0, 0.55);

  /* ---- Gold glow — for hero / signature moments only ---- */
  --glow-gold: 0 0 0 1px rgba(194, 160, 78, 0.35), 0 12px 40px rgba(194, 160, 78, 0.22);
  --glow-gold-soft: 0 8px 30px rgba(194, 160, 78, 0.18);

  /* ---- Hairline borders ---- */
  --border-hairline: 1px solid var(--border-light);
  --border-hairline-ink: 1px solid var(--border-ink);

  /* ---- Focus ring ---- */
  --ring-focus: 0 0 0 3px rgba(194, 160, 78, 0.40);

  /* ---- Motion — confident, quick, no bounce ---- */
  --ease-standard: cubic-bezier(0.2, 0.6, 0.2, 1); /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-in: cubic-bezier(0.4, 0, 1, 1); /* @kind other */
  --dur-fast: 120ms;  /* @kind other */
  --dur-base: 200ms;  /* @kind other */
  --dur-slow: 360ms;  /* @kind other */

  /* ---- Overlays / scrims for cinematic imagery ---- */
  --scrim-ink: linear-gradient(180deg, rgba(16,19,20,0) 0%, rgba(16,19,20,0.85) 100%); /* @kind other */
  --scrim-ink-strong: linear-gradient(180deg, rgba(16,19,20,0.2) 0%, rgba(16,19,20,0.95) 100%); /* @kind other */
  --tint-gold: rgba(194, 160, 78, 0.12); /* @kind color */
}