/* ==========================================================================
   CAMP2GETHER DESIGN TOKENS — STRUCTURAL (non-color)
   Color tokens live exclusively in themes.scss
   ========================================================================== */
:root {
  /* --------------------------------------------------------------------------
     Neutral palette — raw color scale (referenced by themes.scss)
     -------------------------------------------------------------------------- */
  --c2g-color-neutral-50:  #faf7f2;
  --c2g-color-neutral-100: #f0ebe2;
  --c2g-color-neutral-200: #e2d9cc;
  --c2g-color-neutral-300: #cfc3b3;
  --c2g-color-neutral-400: #b5a394;
  --c2g-color-neutral-500: #968270;
  --c2g-color-neutral-600: #6e5e50;
  --c2g-color-neutral-700: #4d4239;
  --c2g-color-neutral-800: #312a24;
  --c2g-color-neutral-850: #251e19;
  --c2g-color-neutral-900: #1a1410;

  /* Warm dark scale — used by dark/auto themes */
  --c2g-color-dark-50:  #f5efe6;
  --c2g-color-dark-100: #2e2520;
  --c2g-color-dark-200: #261e19;
  --c2g-color-dark-300: #1e1710;
  --c2g-color-dark-900: #120e09;

  /* --------------------------------------------------------------------------
     Map / Activity colors — semantic, stable across themes
     -------------------------------------------------------------------------- */
  --c2g-activity-water:            #1976d2;
  --c2g-activity-forest:           #2e7d32;
  --c2g-activity-mountain:         #6d4c41;
  --c2g-activity-desert:           #f9a825;
  --c2g-activity-urban:            #546e7a;
  --c2g-activity-adventure:        #8e24aa;
  --c2g-activity-point-of-interest:#d81b60;
  --c2g-tour-declined:             #b71c1c;
  --c2g-tour-completed:            #2e7d32;
  --c2g-tour-current:              #ef6c00;
  --c2g-tour-upcoming:             #1565c0;

  /* --------------------------------------------------------------------------
     Typography
     -------------------------------------------------------------------------- */
  --c2g-font-family-base: "Quicksand", "Segoe UI", sans-serif;
  --c2g-font-size-xs:  0.75rem;
  --c2g-font-size-sm:  0.875rem;
  --c2g-font-size-md:  1rem;
  --c2g-font-size-lg:  1.25rem;
  --c2g-font-weight-medium:    500;
  --c2g-font-weight-semibold:  600;
  --c2g-font-weight-bold:      700;
  --c2g-font-weight-extrabold: 800;
  --c2g-letter-spacing-tight: -0.02em;
  --c2g-letter-spacing-wide:   0.1em;

  /* --------------------------------------------------------------------------
     Spacing scale
     -------------------------------------------------------------------------- */
  --c2g-space-1: 0.25rem;
  --c2g-space-2: 0.5rem;
  --c2g-space-3: 0.75rem;
  --c2g-space-4: 1rem;
  --c2g-space-5: 1.25rem;
  --c2g-space-6: 1.5rem;
  --c2g-space-sm: var(--c2g-space-2);
  --c2g-space-md: var(--c2g-space-4);
  --c2g-space-lg: var(--c2g-space-6);
  --c2g-space-xl: calc(var(--c2g-space-6) * 1.5);
  --spacing-3: var(--c2g-space-3);

  /* --------------------------------------------------------------------------
     Border radius
     -------------------------------------------------------------------------- */
  --c2g-radius-sm: 0.375rem;
  --c2g-radius-md: 0.625rem;
  --c2g-radius-lg: 0.75rem;
  --c2g-radius-xl: 1.125rem;

  /* --------------------------------------------------------------------------
     Motion
     -------------------------------------------------------------------------- */
  --c2g-motion-duration-fast: 120ms;
  --c2g-motion-duration-base: 200ms;
  --c2g-motion-ease-standard: ease;
  --c2g-transition-fast:   var(--c2g-motion-duration-fast)  var(--c2g-motion-ease-standard);
  --c2g-transition-medium: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --c2g-transition-slow:   350ms cubic-bezier(0.4, 0, 0.2, 1);

  /* --------------------------------------------------------------------------
     Z-index
     -------------------------------------------------------------------------- */
  --c2g-z-index-base:     1;
  --c2g-z-index-dropdown: 1000;
  --c2g-z-index-sticky:   1100;
  --c2g-z-index-overlay:  1200;
  --c2g-z-index-modal:    1300;
  --c2g-z-index-toast:    1400;

  /* --------------------------------------------------------------------------
     Breakpoints
     -------------------------------------------------------------------------- */
  --c2g-breakpoint-sm: 36rem;
  --c2g-breakpoint-md: 48rem;
  --c2g-breakpoint-lg: 64rem;
  --c2g-breakpoint-xl: 80rem;
}