/* ============================================================
   Cinematic Sections — shared design tokens
   One source of truth so every section feels like one system.
   Override these per-project; the sections read from them.
   ============================================================ */

:root {
  /* Ink & ground */
  --cs-ground:        #0b0b0e;   /* near-black canvas        */
  --cs-ground-soft:   #131318;   /* raised surfaces          */
  --cs-ink:           #f4f1ea;   /* primary text on ground   */
  --cs-ink-dim:       #8a8780;   /* captions, labels         */

  /* Signature accent — the amber that runs through the studio */
  --cs-accent:        #e8a13c;
  --cs-accent-deep:   #c97a1e;
  --cs-accent-glow:   rgba(232, 161, 60, 0.35);

  /* Type */
  --cs-font-display:  "DM Serif Display", "Times New Roman", serif;
  --cs-font-body:     "Barlow", system-ui, -apple-system, sans-serif;
  --cs-font-mono:     "IBM Plex Mono", ui-monospace, monospace;

  /* Scale & rhythm */
  --cs-step:          clamp(1rem, 0.8rem + 1vw, 1.25rem);
  --cs-radius:        2px;
  --cs-ease:          cubic-bezier(0.22, 1, 0.36, 1);
}