/* FlagRack™ tokens — aligned to live flagrack.eu (Astra + Montserrat) */

:root {
  /* Astra-like globals from live site */
  --ink: #151616;
  --ink-soft: #232529;
  --steel: #737880;
  --steel-2: #65696f;
  --text: #393c40;
  --mist: #f1f0f0;
  --paper: #f6f6f6;
  --white: #ffffff;
  --gold: #a28e62;
  --gold-deep: #7e6d48;
  --gold-soft: #e8e0d0;
  --signal: #c45c26;

  /* Type — live site uses Montserrat + uppercase */
  --font-sans: "Montserrat", system-ui, sans-serif;
  --font-mono: "Montserrat", system-ui, sans-serif;

  --text-display: clamp(2rem, 4vw, 3rem);      /* ~h1 48px */
  --text-h1: 2.35rem;
  --text-h2: 2rem;                             /* ~40px */
  --text-h3: 1.5rem;                           /* ~32px */
  --text-body: 1rem;                           /* ~17px @ 106.25% root */
  --text-small: 0.82rem;
  --text-overline: 0.75rem;

  --font-weight-heading: 300;
  --font-weight-body: 400;
  --line-height-body: 2;
  --text-transform: uppercase;
  --letter-spacing: 0.02em;

  /* Space (8pt) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;

  --max-width: 1200px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 12px;

  --shadow-card: 0 1px 2px rgba(21, 22, 22, 0.06), 0 8px 24px rgba(21, 22, 22, 0.06);
  --shadow-product: 0 12px 40px rgba(21, 22, 22, 0.1);

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --duration: 200ms;

  /* Video presentation — no CSS zoom; quality via HD source files */
  /* Hero BG: assets/video/hero-multiscene-bg.mp4 (1920x1080) */
  /* Hero side: assets/video/hero-multiscene-loop.mp4 (720x1280) */
  /* Section 02 reels: LOCKED full-frame cover */
}