/* ============================================================
   LUMORA — tokens.css = PROFILE (inspiration: cinery.webflow.io, variant 2)
   Warm cinematic studio. Sibling to NOCTURA's cold monochrome — same dark
   film DNA, but graded WARM: near-black warm stage, warm-white ink, and a
   single amber/gold accent (film-warmth, not white-on-black). CTAs are
   amber-filled and invert to outline on hover. Display = Bricolage Grotesque
   (editorial grotesk); body = Inter. Rounding a touch tighter than Noctura.
   Brand suffix ®.
   ============================================================ */
:root{
  /* COLOR — single warm amber accent over a warm near-black stage */
  --accent:#e0a955;            /* film amber / warm gold */
  --accent-2:#c8893a;          /* deeper amber for gradients/hover */
  --accent-ink:#0c0a08;        /* near-black ink on the amber CTA */
  --bg:#0b0a09;                /* warm near-black stage */
  --surface-alt:#131110;       /* warm panel */
  --ink:#f4efe7;               /* warm white ink */
  --body:#9b948a;              /* warm grey body text */
  --border:rgba(244,239,231,.10);
  --card:#15120f;              /* warm dark card floating above the stage */
  /* dark palette (page is already dark — kept for parity / inverted blocks) */
  --bg-dark:#070605;
  --ink-dark:#f4efe7;
  --body-dark:#938c82;
  --border-dark:rgba(244,239,231,.10);
  --card-dark:#15120f;
  /* TYPO — editorial grotesk display + neutral body */
  --font-display:"Bricolage Grotesque","Space Grotesk",system-ui,sans-serif;
  --font-body:"Inter",system-ui,sans-serif;
  --w-reg:400; --w-med:500; --w-semi:600; --w-bold:700; --w-black:800;
  --tracking-tight:-.015em;
  --tracking-eyebrow:.14em;
  --eyebrow-glyph:"\25C9";        /* ◉ */
  --eyebrow-transform:uppercase;
  /* LAYOUT — rounding a notch tighter than Noctura (slight layout shift) */
  --container:80rem;
  --gutter:clamp(1.25rem,4vw,1.5rem);
  --section-y:clamp(4.5rem,9vw,7rem);
  --radius-sm:.5rem; --radius-md:1.25rem; --radius-lg:2rem;
  --radius-huge:3rem; --radius-pill:100rem;
  --bw:1px;
  /* SCALES — hard 65px cap wraps every heading (R3) */
  --fs-cap:65px;
  --fs-display:min(clamp(40px,7vw,65px), var(--fs-cap));
  --fs-h2:min(clamp(30px,5vw,52px), var(--fs-cap));
  --fs-h3:min(clamp(22px,2.6vw,30px), var(--fs-cap));
  --fs-body:clamp(16px,1.1vw,18px);
  --fs-lead:clamp(18px,1.6vw,21px);
  --fs-eyebrow:.8125rem;
  --lh-display:1.02; --lh-h2:1.06;
  /* footer oversized wordmark */
  --fs-wordmark:clamp(80px,18vw,260px);
  /* MOTION — baseline R2 = fade from LEFT + 0.15s delay (engine invariant) */
  --ease:cubic-bezier(0.33,1,0.68,1); --dur:.35s;
  --reveal-shift:24px; --base-x:-24px; --base-delay:.15s; --stagger:.08s;
  --hover-card:translateY(-4px); --hover-img:scale(1.05); --hover-btn:none;
  --marquee-speed:30s; --marquee-fade:8%;
}
/* dark palette switch — applied per is-dark section (page is dark-first) */
.is-dark{ --bg:var(--bg-dark); --ink:var(--ink-dark); --body:var(--body-dark);
          --border:var(--border-dark); --card:var(--card-dark); }
/* inverted block: warm amber surface, near-black ink (CTA-style invert) */
.is-invert{ --bg:var(--accent); --ink:#120d06; --body:#3a2c14;
            --border:rgba(18,13,6,.18); --card:#e9b768; --accent:#120d06; --accent-ink:var(--accent); }