/*
 * RifaTesta "Marquesina" design tokens (docs/design/VEGAS-REDESIGN.md §2).
 * Public surfaces only; the admin keeps tokens.css. Values are the spec's, verbatim.
 * Font stacks render correctly without the self-hosted web fonts: vg-fonts.css (linked only when the
 * .woff2 files exist) adds the @font-face rules; otherwise the stacks fall through to system faces.
 */

:root {
  color-scheme: dark;

  /* §2.1 Palette */
  --vg-night: #0D0A08;
  --vg-smoke: #1A1411;
  --vg-smoke-2: #251C17;
  --vg-velvet: #4A0D18;
  --vg-felt: #0F3D2B;
  --vg-felt-deep: #0A2A1E;
  --vg-line: #3A2D24;
  --vg-brass: #C9973F;
  --vg-bulb: #FFF3DC;
  --vg-bulb-soft: #E8D9BE;
  --vg-bulb-mute: #B3A389;
  --vg-ink: #160C02;
  --vg-gold: #FFC444;
  --vg-gold-hi: #FFD978;
  --vg-gold-core: #FFF1C9;
  --vg-bulb-core: #FFF8E7;
  --vg-pink: #FF4FA0;
  --vg-pink-core: #FFE0EF;
  --vg-red: #FF3345;
  --vg-red-core: #FFD9DC;
  --vg-tube-off: #6E625A;
  --vg-chip-red: #B0122A;
  --vg-chip-green: #146B45;
  --vg-mint: #5CF0A0;
  --vg-danger: #FF7A7A;
  --vg-danger-surface: #3A0D10;

  /* Pre-rendered halo alphas */
  --vg-pink-a55: rgb(255 79 160 / .55);
  --vg-pink-a25: rgb(255 79 160 / .25);
  --vg-red-a55: rgb(255 51 69 / .55);
  --vg-red-a25: rgb(255 51 69 / .25);
  --vg-gold-a55: rgb(255 196 68 / .55);
  --vg-gold-a25: rgb(255 196 68 / .25);

  /* §2.3 Type. "Bungee"/"Archivo"/"Tilt Neon" resolve only when vg-fonts.css is linked. */
  --vg-font-tube: "Tilt Neon", "Tilt Neon Fallback", system-ui, sans-serif;
  --vg-font-marquee: "Bungee", "Bungee Fallback", Impact, "Arial Black", sans-serif;
  --vg-font-body: "Archivo", "Archivo Fallback", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --vg-fs-xs: .8125rem;
  --vg-fs-sm: .9375rem;
  --vg-fs-base: 1.0625rem;
  --vg-fs-lg: 1.25rem;
  --vg-fs-xl: clamp(1.375rem, 1.1rem + 1.2vw, 1.875rem);
  --vg-fs-2xl: clamp(1.75rem, 1.3rem + 2.2vw, 2.75rem);
  --vg-fs-hero: clamp(1.875rem, 1rem + 4.4vw, 4.25rem);
  --vg-fs-sign: clamp(1.375rem, 1rem + 1.8vw, 2.25rem);
  --vg-fs-num: clamp(2rem, 1.4rem + 3vw, 3.5rem);

  --vg-lh-marquee: 1.05;
  --vg-lh-body: 1.55;
  --vg-lh-doc: 1.7;

  /* §2.4 Spacing, radii, layers, easing, durations */
  --vg-s-1: 4px; --vg-s-2: 8px; --vg-s-3: 12px; --vg-s-4: 16px; --vg-s-5: 20px; --vg-s-6: 24px;
  --vg-s-8: 32px; --vg-s-10: 40px; --vg-s-12: 48px; --vg-s-16: 64px; --vg-s-24: 96px;
  --vg-r-sm: 6px; --vg-r-md: 12px; --vg-r-lg: 20px; --vg-r-pill: 999px;
  --vg-z-raised: 10; --vg-z-dock: 40; --vg-z-header: 50; --vg-z-skip: 100;
  --vg-ease-out: cubic-bezier(.16, 1, .3, 1);
  --vg-ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --vg-ease-thunk: cubic-bezier(.34, 1.56, .64, 1);
  --vg-ease-print: cubic-bezier(.2, .9, .3, 1.04);
  --vg-d-tap: 90ms; --vg-d-ui: 200ms; --vg-d-reveal: 520ms; --vg-d-letter: 260ms; --vg-d-reel: 900ms;
  --vg-d-wheel: 1400ms; --vg-d-print: 900ms; --vg-d-chase: 1800ms; --vg-d-twinkle: 2600ms;
  --vg-wrap: 1200px; --vg-header-h: 56px; --vg-dock-h: 64px;

  /* Focus ring (§2.2): bulb 3 px, offset 3 px */
  --vg-focus: 3px solid var(--vg-bulb);
  --vg-focus-offset: 3px;
}

/* §4.5 per-mode overrides. Classes are set on <html> by vg-boot.js before first paint. */

/* lite: reveals 240 ms without stagger, chip/dock instant, hover keeps 200 ms */
html.vg-lite {
  --vg-d-reveal: 240ms;
  --vg-d-reel: 0ms;
  --vg-d-wheel: 0ms;
  --vg-d-print: 300ms;
}

/* still (lights off or OS reduced motion): nothing moves */
html.vg-still {
  --vg-d-tap: 0ms;
  --vg-d-ui: 0ms;
  --vg-d-reveal: 0ms;
  --vg-d-letter: 0ms;
  --vg-d-reel: 0ms;
  --vg-d-wheel: 0ms;
  --vg-d-print: 0ms;
}

/* lights switched off by the visitor: tube halos rest at .5 (OS reduced motion keeps them at 1) */
html.vg-lights-off {
  --halo: .5;
}