/* ManxTreasureMap — Design Tokens */
:root {
  --color-gold-300: #FCD34D; --color-gold-400: #FBBF24; --color-gold-500: #F59E0B;
  --color-gold-600: #D97706; --color-gold-700: #B45309; --color-gold-800: #92400E;
  --color-forest-700: #047857; --color-forest-900: #064E3B; --color-forest-950: #022C22;
  --color-parchment-50: #FEFDF8; --color-parchment-100: #FDF6E3;
  --color-parchment-200: #F5E6C8; --color-parchment-300: #E8D5A3;
  --color-parchment-400: #D4B896; --color-parchment-600: #A08060;
  --color-parchment-700: #7C5C3A; --color-parchment-800: #5C3D1E;
  --color-parchment-900: #3D2008;
  --color-red-600: #DC2626;
  --color-primary: var(--color-gold-500);
  --color-surface: var(--color-parchment-100);
  --color-text: var(--color-parchment-900);
  --color-text-muted: var(--color-parchment-700);
  --color-border: var(--color-parchment-400);
  --color-cta: var(--color-gold-500);
  --font-display: "Cinzel", "Trajan Pro", Georgia, serif;
  --font-body: "IM Fell English", "Palatino Linotype", Georgia, serif;
  --font-mono: "Special Elite", "Courier New", monospace;
  --text-xs: 0.6875rem; --text-sm: 0.8125rem; --text-base: 1rem;
  --text-lg: 1.25rem; --text-xl: 1.5rem; --text-2xl: 1.875rem;
  --text-3xl: 2.25rem; --text-4xl: 3rem; --text-5xl: 3.75rem;
  --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem;
  --space-6: 1.5rem; --space-8: 2rem; --space-12: 3rem; --space-16: 4rem;
  --radius-sm: 2px; --radius-md: 4px; --radius-lg: 8px; --radius-full: 9999px;
  --shadow-md: 0 4px 12px rgba(61,32,8,0.12);
  --shadow-lg: 0 8px 24px rgba(61,32,8,0.16);
  --shadow-glow-gold: 0 0 20px rgba(245,158,11,0.35), 0 0 60px rgba(245,158,11,0.15);
  --duration-fast: 150ms; --duration-base: 250ms; --duration-slow: 400ms; --duration-slower: 700ms;
  --ease-default: cubic-bezier(0.4,0,0.2,1);
  --ease-bounce: cubic-bezier(0.34,1.56,0.64,1);
  --ease-adventure: cubic-bezier(0.22,1,0.36,1);
  --gradient-gold: linear-gradient(135deg,#FBBF24 0%,#D97706 50%,#FBBF24 100%);
  --tracking-wide: 0.05em; --tracking-wider: 0.1em; --tracking-widest: 0.2em;
  --weight-bold: 700;
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}