/* ==========================================================================
   AGP — Design tokens
   Gold is the identity surface, not just an accent. Long-form text stays on
   ink or white so contrast holds at AA; gold-300/400 is decorative only.
   ========================================================================== */

:root {
  --gold-50: #faf4e6;
  --gold-100: #f3e6cf;
  --gold-200: #e9d2a8;
  --gold-300: #dcbb83;
  --gold-400: #cfa565;
  --gold-500: #c1914e;
  --gold-600: #a97a3c;
  --gold-700: #83592a;
  --gold-800: #5e3f1d;

  --gold-gradient: linear-gradient(135deg, #e5c88f 0%, #cfa565 45%, #b98a44 100%);
  --gold-text: linear-gradient(120deg, #d9b777, #b98a44 45%, #83592a);
  --surface-gold: linear-gradient(160deg, #eed9b0 0%, #d4ad6e 55%, #b98a44 100%);
  --night-gold-glow: radial-gradient(circle at 82% 0%, rgba(207, 165, 101, 0.32), transparent 55%);

  --bg: var(--gold-50);
  --bg-2: #f3e9d3;
  --bg-3: #e9dbbd;
  --card: #fffdf8;
  --card-tint: var(--gold-100);
  --header-bg: rgba(250, 244, 230, 0.78);
  --footer-bg: #0f0d0a;
  --night: #15120e;
  --night-2: #1f1a14;

  --ink: #1c1915;
  --ink-soft: #3d3831;
  --muted: #6b6356;
  --line: rgba(94, 63, 29, 0.12);
  --line-strong: rgba(94, 63, 29, 0.26);
  --on-night: rgba(255, 255, 255, 0.82);
  --on-night-muted: rgba(255, 255, 255, 0.6);

  --accent: var(--gold-600);
  --accent-strong: var(--gold-700);
  --accent-soft: var(--gold-300);

  --success: #2f7d57;
  --warning-bg: #fbead3;
  --warning-ink: #8a4b12;
  --wa: #1f8f5a;

  --font-display: "Cormorant Garamond", "Times New Roman", Georgia, serif;
  --font-body: "Manrope", "Helvetica Neue", Arial, sans-serif;
  --font-mark: "Cinzel", "Cormorant Garamond", Georgia, serif;

  --container: 1200px;
  --gutter: clamp(16px, 5vw, 48px);
  --section: clamp(72px, 10vw, 136px);
  --header-h: 76px;

  --r-asym: 36px 12px 36px 12px;
  --r-asym-2: 12px 36px 12px 36px;
  --r-asym-sm: 18px 6px 18px 6px;
  --r-card: 24px;
  --r-sheet: 28px;

  --shadow-soft: 0 24px 60px -30px rgba(60, 40, 15, 0.3);
  --shadow-gold: 0 18px 40px -18px rgba(169, 122, 60, 0.5);
  --shadow-float: 0 30px 80px -24px rgba(40, 26, 10, 0.35);

  --ease-ios: cubic-bezier(0.32, 0.72, 0, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 180ms;
  --dur-base: 320ms;
  --dur-sheet: 480ms;

  --backdrop: rgba(21, 18, 14, 0.34);
  --backdrop-blur: blur(20px) saturate(180%);
  --glass: rgba(255, 253, 248, 0.72);

  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  --safe-right: env(safe-area-inset-right, 0px);

  --z-header: 50;
  --z-fab: 60;
  --z-sheet: 100;
  --z-toast: 200;

  color-scheme: light;
}

[data-theme="dark"] {
  --bg: #100e0b;
  --bg-2: #16130f;
  --bg-3: #221c15;
  --card: #1a1612;
  --card-tint: #2a2117;
  --header-bg: rgba(16, 14, 11, 0.78);
  --footer-bg: #0a0908;
  --night: #0b0a08;
  --night-2: #14110d;

  --ink: #f4eee3;
  --ink-soft: #d9d0c1;
  --muted: #a0968a;
  --line: rgba(233, 210, 168, 0.12);
  --line-strong: rgba(233, 210, 168, 0.26);

  --accent: var(--gold-300);
  --accent-strong: var(--gold-200);
  --accent-soft: var(--gold-600);

  --gold-text: linear-gradient(120deg, #f0d9a8, #dcbb83 50%, #c1914e);
  --surface-gold: linear-gradient(160deg, #3a2d1b 0%, #2a2014 60%, #1a140d 100%);
  --warning-bg: #3a2a16;
  --warning-ink: #f0c48a;

  --shadow-soft: 0 24px 60px -30px rgba(0, 0, 0, 0.75);
  --shadow-gold: 0 18px 40px -18px rgba(207, 165, 101, 0.35);
  --shadow-float: 0 30px 80px -24px rgba(0, 0, 0, 0.8);
  --glass: rgba(26, 22, 18, 0.72);
  --backdrop: rgba(0, 0, 0, 0.5);

  color-scheme: dark;
}

@media (max-width: 860px) {
  :root {
    --header-h: 64px;
  }
}