/* Fonts: load via <link> in HTML head (Beau Rivage h1 · Playfair subheads/buttons · Oregano secondary) */

:root {
  /* Charcoal ink + molten gold on aged paper */
  --bg: oklch(94% 0.01 88);
  --surface: oklch(96.5% 0.008 90);
  --fg: oklch(24% 0.018 75);
  --muted: oklch(46% 0.022 72);
  --border: oklch(76% 0.014 82);
  --accent: oklch(72% 0.12 85);
  --accent-blue: oklch(72% 0.12 85);
  --gold: oklch(72% 0.12 85);
  --gold-bright: oklch(78% 0.14 88);
  --gold-soft: oklch(88% 0.06 88);
  --ink: oklch(16% 0.02 75);
  --charcoal: oklch(28% 0.015 75);
  --pencil: oklch(55% 0.012 75);
  --runway: oklch(8% 0.012 78);
  --success: oklch(48% 0.08 145);
  --warn: oklch(58% 0.1 70);
  --danger: oklch(46% 0.14 25);

  --accent-soft: color-mix(in oklch, var(--gold) 18%, transparent);
  --accent-blue-soft: color-mix(in oklch, var(--gold) 14%, transparent);
  --fg-soft: color-mix(in oklch, var(--ink) 7%, transparent);
  --ink-faint: color-mix(in oklch, var(--fg) 12%, transparent);

  /* Sketch panels — paper fill, no floating glass */
  --sketch-fill: color-mix(in oklch, var(--surface) 88%, var(--bg) 12%);
  --sketch-fill-hover: color-mix(in oklch, var(--surface) 94%, var(--gold-soft) 6%);
  --sketch-ink: color-mix(in oklch, var(--ink) 82%, var(--charcoal) 18%);
  --sketch-ink-light: color-mix(in oklch, var(--ink) 45%, var(--pencil) 55%);
  --sketch-gold-line: color-mix(in oklch, var(--gold) 70%, var(--ink) 30%);

  /* Glass UI — nav, flow bar, ambient background frost */
  --glass-blur: 18px;
  --glass-blur-heavy: 28px;
  --glass-blur-ambient: 32px;
  --glass-saturate: 1.35;
  --glass-bg: color-mix(in oklch, var(--surface) 38%, transparent);
  --glass-bg-strong: color-mix(in oklch, var(--surface) 48%, transparent);
  --glass-bg-subtle: color-mix(in oklch, var(--surface) 28%, transparent);
  --glass-bg-ambient: color-mix(in oklch, var(--surface) 22%, transparent);
  --glass-border: color-mix(in oklch, var(--gold) 22%, var(--border) 78%);
  --glass-border-strong: color-mix(in oklch, var(--ink) 22%, var(--gold) 18%);
  --glass-highlight: color-mix(in oklch, var(--gold-soft) 40%, var(--surface) 60%);
  --glass-shadow: 0 4px 20px color-mix(in oklch, var(--ink) 5%, transparent);
  --glass-dark-bg: color-mix(in oklch, var(--runway) 62%, transparent);
  --glass-dark-border: color-mix(in oklch, var(--gold) 25%, transparent);
  --glass-runway-bg: color-mix(in oklch, var(--runway) 52%, transparent);

  --font-hero: "Beau Rivage", "Palatino Linotype", cursive;
  --font-hero-weight: 400;
  --font-serif: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-serif-weight: 700;
  --font-display: var(--font-serif);
  --font-display-weight: var(--font-serif-weight);
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-secondary: "Oregano", cursive;
  --tracking-serif: 0.04em;
  --font-handwriting: var(--font-secondary);
  --font-label: var(--font-secondary);
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
  --font-caption: var(--font-secondary);
  --tracking-secondary: 0.04em;

  --fs-display: clamp(3rem, 11vw, 5.5rem);
  --fs-h2: clamp(1.75rem, 4vw, 2.5rem);
  --fs-body: 1.0625rem;
  --fs-meta: 1.125rem;
  --fs-handwriting-sm: 1.0625rem;

  --radius: 0;
  --radius-lg: 0;
  --shadow-soft: 0 8px 28px color-mix(in oklch, var(--ink) 10%, transparent);
  --shadow-luxury: 0 2px 0 var(--sketch-ink-light);
  --shadow-frame: 2px 4px 0 color-mix(in oklch, var(--gold) 35%, transparent);
  --container: 1120px;
  --gutter: clamp(1.25rem, 5vw, 3rem);
  --nav-h: 80px;
  --flow-nav-h: 96px;

  --ease-luxury: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-dramatic: cubic-bezier(0.16, 0.84, 0.32, 1);
  --dur-fast: 0.22s;
  --dur-med: 0.55s;
  --dur-slow: 1.1s;
}