/* ============================================================
   ארז ביטון — Design tokens (v3)
   One continuous world: pitch black, the marquee's magenta/pink
   light, and cool pink-tinted whites. No cream, gold or champagne
   colour anywhere: the --champagne* names survive only so nothing
   breaks, and now point at pink / pink-white.
   ============================================================ */
:root {
  /* canvas & surfaces (never pure black) */
  --canvas: #0b0709;
  --canvas-deep: #050304;
  --canvas-wine: #1a0a10;
  --panel: rgba(28, 12, 18, 0.55);
  --panel-border: rgba(251, 243, 247, 0.10);

  /* brand */
  --wine: #3a0f1d;
  --burgundy: #5a1230;
  --crimson: #8f1f45;
  --magenta: #d64a7c;
  --magenta-hi: #ef6d9c;
  --magenta-glow: #ff8fbb;
  --ivory: #ffffff;              /* pure white: the only "white" (client's call, no beige) */
  --rose: #f0a9c9;               /* neon-tube rose: kinetic numerals, credits, script fallback */
  --champagne: #f7dbe8;          /* legacy name: soft pink-white (never cream) */
  --champagne-deep: #ff8fbb;     /* legacy name: lit marquee pink (never gold) */

  /* roles */
  --text: var(--ivory);
  --text-2: rgba(255, 255, 255, 0.92);
  --text-3: rgba(255, 255, 255, 0.7);
  --accent: var(--magenta);
  --accent-hover: var(--magenta-hi);
  --accent-muted: rgba(214, 74, 124, 0.18);
  --line: rgba(251, 243, 247, 0.12);
  --line-strong: rgba(251, 243, 247, 0.3);

  /* type: Karantina (condensed Israeli poster face) for every title,
     IBM Plex Sans Hebrew for reading. No script font: the tagline is an image. */
  --font-display: 'Karantina', 'Noto Sans Hebrew', 'Arial Hebrew', Arial, sans-serif;
  --font-kinetic: 'Karantina', 'Noto Sans Hebrew', 'Arial Hebrew', Arial, sans-serif;
  --font-body: 'IBM Plex Sans Hebrew', 'Noto Sans Hebrew', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  --font-script: 'Karantina', sans-serif;

  --fs-hero: clamp(4.4rem, 10.5vw, 9.6rem);
  --fs-h1: clamp(3rem, 7vw, 6.4rem);
  --fs-h2: clamp(2.6rem, 5.8vw, 5.2rem);
  --fs-h3: clamp(1.7rem, 2.6vw, 2.5rem);
  --fs-lead: clamp(1.1rem, 1.4vw, 1.3rem);
  --fs-body: clamp(1rem, 1.1vw, 1.0625rem);
  --fs-small: 0.85rem;
  --fs-label: clamp(0.74rem, 0.85vw, 0.86rem);

  --lh-tight: 0.9;
  --lh-snug: 1.05;
  --lh-body: 1.7;

  --track-label: 0.3em;
  --track-display: -0.01em;

  --display-weight-hero: 700;
  --display-weight-chapter: 700;

  /* motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);       /* power3.out-like */
  --ease-in-out: cubic-bezier(0.83, 0, 0.17, 1);
  --ease-soft: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-fast: 0.35s;
  --dur: 0.7s;
  --dur-slow: 1.2s;

  /* layout */
  --gutter: clamp(1rem, 4vw, 4rem);
  --container: 1440px;
  --radius: 22px;
  --radius-sm: 12px;

  /* shadows */
  --outline: 0 0 1px #000, 0 1px 2px rgba(0,0,0,.95), 0 2px 6px rgba(0,0,0,.85), 0 6px 22px rgba(0,0,0,.7); /* white type gets a black frame */
  --tshadow: 0 1px 2px rgba(5, 3, 4, 0.9), 0 3px 14px rgba(5, 3, 4, 0.7), 0 12px 48px rgba(5, 3, 4, 0.75);
  --glow-magenta: 0 0 24px rgba(214, 74, 124, 0.45), 0 0 80px rgba(214, 74, 124, 0.18);
  --pink-soft: #f7dbe8;
  --pink: #ff8fbb;

  /* z-index scale */
  --z-stage: 0;
  --z-content: 2;
  --z-nav: 50;
  --z-menu: 60;
  --z-opening: 80;
  --z-loader: 90;
  --z-cursor: 100;

  color-scheme: dark;
}