/* ============================================================
   Geschmackssache — Design Tokens
   Dark luxury / fine dining. All color in oklch.
   ============================================================ */

:root {
  /* ---- Color: warm near-black base, brass accent, bordeaux ---- */
  --color-bg:          oklch(14% 0.012 60);
  --color-bg-deep:     oklch(10% 0.010 55);
  --color-surface:     oklch(18% 0.014 62);
  --color-surface-2:   oklch(22% 0.016 64);
  --color-line:        oklch(30% 0.012 70 / 0.5);

  --color-text:        oklch(92% 0.012 85);
  --color-text-dim:    oklch(70% 0.014 80);
  --color-text-faint:  oklch(54% 0.012 78);

  --color-accent:      oklch(80% 0.115 78);   /* brass / gold */
  --color-accent-soft: oklch(86% 0.075 82);
  --color-accent-deep: oklch(46% 0.135 35);   /* bordeaux */

  /* ---- Typography ---- */
  --font-display: "Cormorant Garamond", "Times New Roman", serif;
  --font-sans:    "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --text-xs:    clamp(0.72rem, 0.68rem + 0.2vw, 0.8rem);
  --text-sm:    clamp(0.82rem, 0.78rem + 0.25vw, 0.95rem);
  --text-base:  clamp(1rem, 0.94rem + 0.35vw, 1.15rem);
  --text-lg:    clamp(1.25rem, 1.1rem + 0.7vw, 1.6rem);
  --text-xl:    clamp(1.8rem, 1.4rem + 1.8vw, 3rem);
  --text-2xl:   clamp(2.6rem, 1.8rem + 3.6vw, 5rem);
  --text-hero:  clamp(3.4rem, 1.4rem + 8.5vw, 11rem);

  --tracking-wide:  0.18em;
  --tracking-wider: 0.32em;
  --leading-tight:  0.98;
  --leading-snug:   1.12;
  --leading-body:   1.6;

  /* ---- Space ---- */
  --space-2:   0.5rem;
  --space-3:   0.75rem;
  --space-4:   1rem;
  --space-6:   1.5rem;
  --space-8:   2rem;
  --space-12:  3rem;
  --space-16:  4rem;
  --space-24:  6rem;
  --gutter:    clamp(1.5rem, 1rem + 4vw, 6rem);
  --panel-pad: clamp(1.5rem, 1rem + 5vw, 8rem);

  /* ---- Motion ---- */
  --dur-fast:   180ms;
  --dur-normal: 380ms;
  --dur-slow:   720ms;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out:   cubic-bezier(0.65, 0.05, 0.36, 1);

  /* ---- Misc ---- */
  --radius:    2px;
  --maxw:      72rem;
  --nav-h:     clamp(5.4rem, 3.8rem + 3.2vw, 8rem);
  --z-nav:     100;
  --z-cta:     90;
  --z-overlay: 200;
  --z-loader:  300;
}