/* ============================================================
   THETA Holding AG — Design Tokens
   Direction: Swiss private-bank navy · heritage · twin accent
   (champagne = wealth, platinum = institution). Sibling register
   to Bellevue Estates, one notch more monumental — THETA is the
   house above the houses. Built for owner-trust in a succession sale.
   ============================================================ */

:root {
  /* --- Surfaces (midnight navy) --- */
  --ink-950: oklch(12% 0.03 256);
  --ink-900: oklch(15% 0.034 256);
  --ink-850: oklch(18% 0.04 256);
  --ink-800: oklch(21.5% 0.046 256);
  --ink-700: oklch(28% 0.05 256);
  --hairline: oklch(82% 0.05 256 / 0.13);
  --hairline-strong: oklch(85% 0.06 256 / 0.24);

  /* --- Surfaces (ivory paper) --- */
  --ivory-50: oklch(97% 0.009 88);
  --ivory-100: oklch(94.2% 0.010 88);
  --ivory-200: oklch(89% 0.011 88);

  /* --- Text --- */
  --text-on-dark: oklch(96% 0.01 250);
  --text-on-dark-muted: oklch(78% 0.025 256);
  /* faint tier bumped 66%→72.5% so microcopy clears WCAG AA (4.5:1) on ink-900/950 */
  --text-on-dark-faint: oklch(72.5% 0.028 256);
  --text-on-light: oklch(21% 0.04 256);
  --text-on-light-muted: oklch(44% 0.035 256);

  /* --- Accent: champagne / bronze (wealth, heritage) --- */
  --accent: oklch(81% 0.094 82);
  --accent-bright: oklch(87% 0.105 85);
  --accent-deep: oklch(63% 0.085 74);
  --accent-glow: oklch(81% 0.094 82 / 0.16);

  /* --- Platinum (cool institutional secondary) --- */
  --platinum: oklch(86% 0.012 250);
  --platinum-deep: oklch(70% 0.015 250);

  /* --- Deep blue tints (radial pop, glass nav, dividers) --- */
  --tint-deep: oklch(25% 0.07 256);
  --nav-bg: oklch(13% 0.032 256 / 0.78);
  --divider-on-light: oklch(25% 0.05 256 / 0.14);

  /* --- Swiss red: hairline / glyph ONLY, used sparingly --- */
  --swiss: oklch(56% 0.205 26);

  /* --- Positive / negative --- */
  --pos: oklch(74% 0.13 158);
  --neg: oklch(65% 0.17 28);

  /* --- Typography --- */
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text",
    "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display",
    "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;

  --text-eyebrow: 0.78rem;
  --text-sm: clamp(0.86rem, 0.83rem + 0.15vw, 0.95rem);
  --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.15rem);
  --text-lead: clamp(1.18rem, 1.05rem + 0.7vw, 1.55rem);
  --text-h3: clamp(1.4rem, 1.15rem + 1.1vw, 2.1rem);
  --text-h2: clamp(2.1rem, 1.5rem + 3vw, 4.2rem);
  --text-display: clamp(2.7rem, 1.4rem + 6vw, 6.6rem);
  --text-mega: clamp(3.4rem, 1rem + 11vw, 11rem);

  --leading-tight: 1.04;
  --leading-snug: 1.18;
  --leading-body: 1.62;

  --tracking-eyebrow: 0.28em;
  --tracking-tight: -0.022em;
  --tracking-mega: -0.032em;

  /* --- Spacing / rhythm --- */
  --space-section: clamp(5.5rem, 4rem + 8vw, 12rem);
  --space-block: clamp(2rem, 1.4rem + 2.4vw, 4rem);
  --gutter: clamp(1.25rem, 0.8rem + 3vw, 4.5rem);
  --maxw: 1320px;
  --maxw-text: 64ch;

  /* --- Motion --- */
  --dur-fast: 180ms;
  --dur: 420ms;
  --dur-slow: 900ms;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  /* --- Elevation --- */
  --shadow-card: 0 1px 0 oklch(100% 0 0 / 0.04) inset,
    0 24px 60px -28px oklch(0% 0 0 / 0.7);
  --shadow-float: 0 40px 90px -40px oklch(0% 0 0 / 0.85);

  --radius: 4px;
  --radius-lg: 10px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 1ms;
    --dur: 1ms;
    --dur-slow: 1ms;
  }
}