/*
  LUMEN — Tier 3 (премиум) design tokens
  Extends tier-1 palette (same brand: near-black + brass/gold + marble),
  adds tokens needed for 3D scenes, custom cursor and page transitions.
*/

:root {
  --bg: #0b0a08;
  --bg-alt: #060605;
  --surface: #171512;
  --surface-raised: #201c17;
  --marble: #e9e3d6;
  --text: #f2ede2;
  --text-muted: #b8b0a1;
  --text-faint: #8c8477;
  --gold: #c9a24b;
  --gold-bright: #e8c873;
  --gold-deep: #8a6a2f;
  --border: rgba(233, 227, 214, 0.12);

  --font-display: "Playfair Display", "Georgia", serif;
  --font-body: "Manrope", -apple-system, "Segoe UI", sans-serif;

  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;
  --space-9: 96px; --space-10: 128px;

  --fs-xs: 0.75rem; --fs-sm: 0.875rem; --fs-base: 1rem; --fs-md: 1.125rem;
  --fs-lg: 1.5rem; --fs-xl: 2.25rem; --fs-2xl: 3rem; --fs-3xl: 4.5rem;

  --tracking-wide: 0.14em;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-soft: cubic-bezier(0.16, 1, 0.3, 1);
  --dur: 0.25s;
  --radius: 10px;
  --radius-sm: 6px;

  --max-width-page: 1400px;
  --max-width-content: 60ch;

  /* --- Tier 3 additions --- */
  /* 3D scene environment (fog/background matches --bg so canvases blend into the page) */
  --scene-fog: #0b0a08;
  --scene-floor: #14120e;
  --scene-accent: #c9a24b;
  --scene-accent-bright: #e8c873;
  --scene-glass: #dfe7e2;
  --scene-smoke: #cfc8b8;

  /* Tobacco flavor swatch colors, reused as both UI chips and 3D fill-material colors */
  --flavor-mint: #6fae7f;
  --flavor-grape: #7a5ea8;
  --flavor-peach: #e0955a;
  --flavor-double-apple: #b3473f;
  --flavor-watermelon: #d9576a;
  --flavor-cola: #6b4327;

  /* Drink liquid colors, reused the same way */
  --drink-corona: #e8c964;
  --drink-spaten: #d99a3a;
  --drink-hoegaarden: #f0d878;

  --transition-dur: 0.65s;
  --z-cursor: 900;
  --z-transition: 950;
  --z-header: 500;
}

@media (prefers-reduced-motion: reduce) { :root { --dur: 0ms; --transition-dur: 0ms; } }