:root{
  /* Radii — mostly square (captions/transcripts are rectangular); small softening only */
  --radius-none:0;
  --radius-sm:3px;
  --radius-md:4px;
  --radius-lg:6px;
  --radius-pill:999px; /* used ONLY for the REC dot / avatars, not buttons */

  /* Borders */
  --border-width:1px;
  --border-width-thick:2px;

  /* Elevation — flat by default; one soft warm shadow for floating overlays */
  --shadow-sm:0 1px 0 var(--line);
  --shadow-card:0 2px 0 var(--line-2);
  --shadow-pop:5px 5px 0 var(--ink-900);        /* hard editorial lift */
  --shadow-pop-brand:5px 5px 0 var(--brand);    /* branded lift */
  --shadow-overlay:0 18px 50px -12px rgba(22,20,16,0.4);
  --shadow-focus:0 0 0 2px var(--surface-page),0 0 0 4px var(--brand);

  /* Motion — playback feel: steady, mechanical, some snap */
  --ease-standard:cubic-bezier(0.3,0.7,0.2,1); /* @kind other */
  --ease-play:linear; /* @kind other */
  --ease-pop:cubic-bezier(0.34,1.4,0.5,1); /* @kind other */
  --duration-fast:120ms; /* @kind other */
  --duration-base:220ms; /* @kind other */
  --duration-slow:480ms; /* @kind other */
  --blink:1.3s; /* @kind other */

  /* Overlays — legibility scrim over footage */
  --overlay-scrim:linear-gradient(180deg,rgba(22,20,16,0) 0%,rgba(22,20,16,0.74) 100%); /* @kind color */
}