/* ADM FILMS — RADII, BORDERS, SHADOWS, MOTION
 * Edges are crisp and architectural (the wordmark is drawn with a ruler).
 * Shadows are deep and warm — chiaroscuro, not a soft UI drop.
 */

:root {
  /* ---- Corner radii: minimal. The brand is sharp. ---- */
  --radius-none: 0;
  --radius-sm:   2px;
  --radius-md:   4px;
  --radius-lg:   8px;
  --radius-xl:   14px;
  --radius-pill: 999px;
  --radius-card: var(--radius-sm);   /* cards default to near-square */

  /* ---- Border widths ---- */
  --border-hair:  1px;
  --border-thin:  1.5px;
  --border-bold:  2px;

  /* ---- Shadows: deep, warm, directional (light from one side) ---- */
  --shadow-sm:   0 1px 2px rgba(10, 8, 7, 0.4);
  --shadow-md:   0 6px 18px -6px rgba(10, 8, 7, 0.55);
  --shadow-lg:   0 20px 50px -16px rgba(10, 8, 7, 0.72);
  --shadow-xl:   0 36px 90px -24px rgba(10, 8, 7, 0.82);
  --shadow-inset: inset 0 1px 0 rgba(246, 241, 233, 0.05);

  /* Candlelight: a warm glow for emphasis, never a neon halo */
  --glow-amber: 0 0 0 1px rgba(201, 162, 75, 0.35), 0 8px 40px -8px rgba(201, 162, 75, 0.28);
  --glow-red:   0 0 0 1px rgba(168, 31, 28, 0.4), 0 8px 36px -10px rgba(168, 31, 28, 0.35);

  /* ---- Motion: slow, deliberate, cinematic. Fades and eases — no bounce. ---- */
  --ease-cinematic: cubic-bezier(0.16, 1, 0.3, 1);  /* @kind other */
  --ease-standard:  cubic-bezier(0.4, 0, 0.2, 1);   /* @kind other */
  --ease-out:       cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */

  --dur-fast:   140ms;  /* @kind other */
  --dur-base:   240ms;  /* @kind other */
  --dur-slow:   420ms;  /* @kind other */
  --dur-cinema: 680ms;  /* @kind other */ /* full fades, hero reveals */

  /* ---- Film grain & vignette helpers (used by surfaces) ---- */
  --vignette: radial-gradient(120% 90% at 50% 0%, transparent 40%, rgba(10, 8, 7, 0.55) 100%); /* @kind other */
  --z-overlay: 100; /* @kind other */
  --z-modal:   200; /* @kind other */
  --z-toast:   300; /* @kind other */
}