/* Odyssey v2 launch site — design tokens.
   Two worlds, one thread of orange. Dark = the film's language (Al's ATWS deck).
   Light = the product's TourDNA canvas. The page arcs dark → light → dark. */

:root {
  /* Brand constants (world-independent) */
  --orange: #E8630A;          /* brand accent — graphics, large type, chips */
  --orange-deep: #B04702;     /* orange for small text on light ground (4.7:1 on canvas, 5.6:1 on white) */
  --orange-glow: rgba(232, 99, 10, 0.35);
  --cyan: #35B6CE;            /* workflow / tech accent on dark */
  --cyan-deep: #0F6E83;       /* cyan for text on light ground */
  --green: #3FA46A;           /* "Products" / today-list accent on dark */
  --green-deep: #256B43;      /* green for text on light ground */

  /* Type */
  --font-display: "Poppins", "Avenir Next", "Segoe UI", sans-serif;
  --font-body: "Poppins", "Avenir Next", "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace;

  --size-hero: clamp(2.75rem, 8.5vw, 5.75rem);
  --size-h2: clamp(2rem, 5vw, 3.4rem);
  --size-h3: clamp(1.25rem, 2.4vw, 1.6rem);
  --size-body: clamp(1.0rem, 1.15vw, 1.125rem);
  --size-small: 0.875rem;
  --track-display: -0.03em;
  --leading-display: 1.04;
  --leading-body: 1.65;

  /* Rhythm */
  --sp-1: 0.25rem; --sp-2: 0.5rem; --sp-3: 0.75rem; --sp-4: 1rem;
  --sp-6: 1.5rem; --sp-8: 2rem; --sp-12: 3rem; --sp-16: 4rem; --sp-24: 6rem;
  --section-pad: clamp(6rem, 14vh, 10rem);
  --measure: 62ch;
  --content-max: 72rem;

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --t-fast: 180ms;
  --t-move: 320ms;
  --t-reveal: 640ms;
  --t-world: 1100ms;          /* the dark→light body blend — the page's focal move */

  /* Elevation (light world) */
  --shadow-card: 0 1px 2px rgba(26, 25, 23, 0.06), 0 8px 24px rgba(26, 25, 23, 0.09);
  --shadow-float: 0 2px 6px rgba(26, 25, 23, 0.08), 0 18px 48px rgba(26, 25, 23, 0.14);
  --radius: 14px;
  --radius-small: 8px;

  /* World-dependent slots — dark defaults (page opens dark) */
  --bg: #070605;
  --bg-raise: #100E0C;
  --ink: #FFFFFF;
  --ink-mute: rgba(255, 255, 255, 0.78);
  --ink-faint: rgba(255, 255, 255, 0.56);
  --ink-ghost: rgba(255, 255, 255, 0.45); /* decorative marks only — never text */
  --line: rgba(255, 255, 255, 0.14);
  --accent-text: #F07B2A;     /* orange lifted for small text on dark (≥4.5:1) */
  --cyan-text: #4FC3DA;
  --green-text: #57B77E;
  --card-bg: #131110;
  --card-line: rgba(255, 255, 255, 0.10);
}

/* Light world — the product's canvas */
body[data-world="light"] {
  --bg: #EDECE8;
  --bg-raise: #F6F5F2;
  --ink: #1A1917;
  --ink-mute: #4E4C47;
  --ink-faint: #6B6862;
  --ink-ghost: #807D75;
  --line: rgba(26, 25, 23, 0.12);
  --accent-text: var(--orange-deep);
  --cyan-text: var(--cyan-deep);
  --green-text: var(--green-deep);
  --card-bg: #FFFFFF;
  --card-line: rgba(26, 25, 23, 0.08);
}