/* ==========================================================================
   CSS Custom Properties / Design Tokens
   ========================================================================== */

:root {
  /* Wilderness - Earthy greens */
  --color-wilderness-50: #f6f7f4;
  --color-wilderness-100: #e8eae3;
  --color-wilderness-200: #d1d5c7;
  --color-wilderness-300: #b3baa2;
  --color-wilderness-400: #939d7d;
  --color-wilderness-500: #6b7553;
  --color-wilderness-600: #565f43;
  --color-wilderness-700: #444b36;
  --color-wilderness-800: #383e2e;
  --color-wilderness-900: #2f3227;
  --color-wilderness-950: #181a13;

  /* Timber - Warm browns */
  --color-timber-50: #faf6f3;
  --color-timber-100: #f2ebe4;
  --color-timber-200: #e4d5c7;
  --color-timber-300: #d3b9a3;
  --color-timber-400: #c09a7d;
  --color-timber-500: #b68354;
  --color-timber-600: #a97045;
  --color-timber-700: #8c5a3b;
  --color-timber-800: #724a35;
  --color-timber-900: #5d3c2f;
  --color-timber-950: #311f17;

  /* Arctic - Cool blues */
  --color-arctic-50: #f0f9ff;
  --color-arctic-100: #e0f2fe;
  --color-arctic-200: #bae6fd;
  --color-arctic-300: #7dd3fc;
  --color-arctic-400: #38bdf8;
  --color-arctic-500: #0ea5e9;
  --color-arctic-600: #0284c7;
  --color-arctic-700: #0369a1;
  --color-arctic-800: #075985;
  --color-arctic-900: #0c4a6e;
  --color-arctic-950: #082f49;

  /* Campfire - Warm reds and oranges */
  --color-campfire-50: #fef3f2;
  --color-campfire-100: #fee4e2;
  --color-campfire-200: #fecdca;
  --color-campfire-300: #fca5a1;
  --color-campfire-400: #f87168;
  --color-campfire-500: #ef5544;
  --color-campfire-600: #dc3626;
  --color-campfire-700: #b9291c;
  --color-campfire-800: #99261b;
  --color-campfire-900: #7f261d;
  --color-campfire-950: #450f0a;

  /* Snow - Light grays */
  --color-snow-50: #ffffff;
  --color-snow-100: #fafafa;
  --color-snow-200: #f5f5f5;
  --color-snow-300: #e5e5e5;
  --color-snow-400: #d4d4d4;
  --color-snow-500: #a3a3a3;

  /* Night - Dark grays */
  --color-night-700: #334155;
  --color-night-800: #1e2836;
  --color-night-900: #0f172a;
  --color-night-950: #020617;

  /* Shadows */
  --shadow-adventure: 0 10px 40px -10px rgba(0, 0, 0, 0.3);
  --shadow-card-hover: 0 20px 40px -15px rgba(0, 0, 0, 0.4);
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-normal: 300ms ease;
  --transition-slow: 500ms ease;
}