/**
 * FORAYZ — Unified Design Tokens v2.0
 *
 * Canonical source: /Users/JJC/morel-maps/docs/shared-config/design-tokens.json
 * Cross-platform style guide: /Users/JJC/morel-maps/docs/shared-config/CROSS-PLATFORM-STYLE-GUIDE.md
 *
 * These tokens are mirrored on iOS (Swift Color extensions) and Android
 * (Kotlin Type.kt / Color.kt). Any changes here must also be made in the
 * canonical JSON and in the platform implementations.
 */

:root {
  /* ---- Palette: Forest — primary, structure, text ---- */
  --forest-900: #1b3a2d;
  --forest-800: #234b39;
  --forest-700: #2d5e47;
  --forest-600: #3a7a5c;
  --forest-500: #4a9670;
  --forest-400: #6baf8b;
  --forest-300: #93c7a8;
  --forest-200: #c2dfd0;
  --forest-100: #e4f0ea;
  --forest-50: #f2f8f5;

  /* ---- Palette: Bark — secondary, warmth, dividers ---- */
  --bark-900: #3b2818;
  --bark-800: #4e3520;
  --bark-700: #6b4a2e;
  --bark-600: #8a633f;
  --bark-500: #a47b52;
  --bark-400: #bd9a74;
  --bark-300: #d4b898;
  --bark-200: #e8d5bf;
  --bark-100: #f4ebe0;
  --bark-50: #faf6f1;

  /* ---- Palette: Chanterelle — accent, premium, pro-only ---- */
  --chant-600: #c4762a;
  --chant-500: #d98b3a;
  --chant-400: #e6a45c;
  --chant-300: #f0c08a;
  --chant-200: #f7dab8;
  --chant-100: #fcf0e2;

  /* ---- Brand shorthand ---- */
  --brand-primary: var(--forest-700);
  --brand-secondary: var(--bark-700);
  --brand-accent: var(--chant-500);

  /* ---- Text ---- */
  --text-primary: #1b3a2d;
  --text-secondary: #5a6e63;
  --text-tertiary: #8a9b92;
  --text-on-dark-primary: #e4f0ea;
  --text-on-dark-secondary: #c2dfd0;

  /* ---- Surfaces ---- */
  --surface-primary: #fdfbf8;
  --surface-card: #ffffff;
  --surface-sheet: rgba(255, 255, 255, 0.92);
  --surface-sunken: #f4efe8;
  --surface-map-overlay: rgba(255, 255, 255, 0.95);
  --divider: #f4ebe0;

  /* ---- Semantic ---- */
  --success: #3d8b5e;
  --success-light: #e8f5ee;
  --danger: #c0392b;
  --danger-light: #fceae8;
  --warning: #d4852a;
  --warning-light: #fdf3e5;
  --info: #2d6b8a;
  --info-light: #e4eff5;

  /* ---- Data Viz: Burn (temporal) ---- */
  --burn-current: #8b1a1a;
  --burn-recent: #b83218;
  --burn-2yr: #d4601a;
  --burn-3yr: #e08a2a;
  --burn-4yr: #e8a848;
  --burn-old: #f0c468;

  /* ---- Data Viz: Fire ---- */
  --fire-active: #d63b2f;
  --fire-perimeter: #e86850;
  --fire-bg: #fde8e5;

  /* ---- Data Viz: Soil / Snow / Events ---- */
  --soil-warm: #a0522d;
  --soil-cool: #5b8a72;
  --soil-neutral: #8b7d6b;
  --snow-deep: #7ba3c4;
  --snow-moderate: #a8c8e0;
  --snow-light: #d4e6f0;
  --events-primary: #2d7a6b;
  --events-bg: #e4f0ec;

  /* ---- Spacing (8px base) ---- */
  --sp-xs: 4px;
  --sp-sm: 8px;
  --sp-md: 16px;
  --sp-lg: 24px;
  --sp-xl: 32px;
  --sp-2xl: 48px;

  /* ---- Radii ---- */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 16px;
  --r-sheet: 20px;
  --r-pill: 14px;
  --r-full: 9999px;

  /* ---- Shadows ---- */
  --sh-sheet: 0 -4px 24px rgba(27, 58, 45, 0.08);
  --sh-card: 0 2px 12px rgba(0, 0, 0, 0.08), 0 0 1px rgba(0, 0, 0, 0.1);
  --sh-legend: 0 2px 8px rgba(0, 0, 0, 0.1);
  --sh-map-btn: 0 2px 8px rgba(0, 0, 0, 0.12);
  --sh-raised: 0 10px 40px rgba(27, 58, 45, 0.1), 0 2px 8px rgba(27, 58, 45, 0.06);

  /* ---- Type families ---- */
  --font-display: 'DM Serif Display', Georgia, 'Times New Roman', serif;
  --font-body:
    'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
    sans-serif;

  /* ---- Type scale ---- */
  --fs-xs: 10px;
  --fs-sm: 12px;
  --fs-base: 14px;
  --fs-md: 16px;
  --fs-lg: 17px;
  --fs-xl: 20px;
  --fs-2xl: 24px;

  /* ---- Motion ---- */
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-emphasized: cubic-bezier(0.2, 0, 0, 1.2);
  --dur-fast: 120ms;
  --dur-base: 220ms;
  --dur-slow: 360ms;
}