/**
 * WildRover — Design Tokens (fresh outdoors)
 * ------------------------------------------------------------------
 * Bright and clean, but warm and natural — an Irish-hillside palette:
 * warm cream paper, deep forest ink, fresh green, sunlit gold, and a
 * touch of sky. Still light (no dark theme). Components read these
 * tokens, so changing values here re-skins the whole site.
 */

:root {
  color-scheme: light;

  /* ---- Grounds & surfaces (warm) ---- */
  --wr-bg:           #F5F3EA;   /* warm cream paper */
  --wr-surface:      #FFFFFF;   /* cards / raised surfaces */
  --wr-surface-2:    #ECF1E6;   /* soft moss-tinted sections */
  --wr-surface-warm: #FBF7EC;   /* warm cream section */

  /* ---- Text: deep forest (warm dark, not black) ---- */
  --wr-ink:   #1F3A29;
  --wr-ink-2: #52605500;   /* overwritten below (kept valid) */
  --wr-ink-2: #52604F;
  --wr-ink-3: #8A948A;

  /* ---- Lines (warm) ---- */
  --wr-border:        #E5E1D4;
  --wr-border-strong: #D5D0C0;

  /* ---- Brand green: fresh forest ---- */
  --wr-accent:      #2E8B57;   /* fresh sea-green */
  --wr-accent-ink:  #1F6A41;   /* green text on light (AA) */
  --wr-accent-soft: #E5F1E8;   /* green tint fills */
  --wr-accent-deep: #1C5334;   /* deep forest */

  /* ---- Warm accent: sunlit gold (gorse / sun on the hills) ---- */
  --wr-gold:      #D99C27;
  --wr-gold-ink:  #9A6B12;
  --wr-gold-soft: #F6EACA;

  /* ---- Cool accent: sky/water (used sparingly, e.g. cycling) ---- */
  --wr-sky:      #3F86A3;
  --wr-sky-soft: #E1EDF2;

  /* ---- Primary action: deep forest green ---- */
  --wr-solid:     #236B43;
  --wr-solid-hov: #1B5335;

  /* ---- Grade: four-step wayfinding scale (soft tints) ---- */
  --wr-easy:            #2E9E5B;  --wr-easy-soft:        #E7F5EC;
  --wr-moderate:        #CB9222;  --wr-moderate-soft:    #F8EFD3;
  --wr-challenging:     #D2702D;  --wr-challenging-soft: #F8E7DA;
  --wr-difficult:       #BF4630;  --wr-difficult-soft:   #F7E2DD;

  /* ---- Status ---- */
  --wr-good: #2E9E5B; --wr-warn: #CB9222; --wr-bad: #BF4630;

  /* ---- Typography ---- */
  --wr-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Söhne", "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;
  --wr-font-mono: "SF Mono", "JetBrains Mono", "Roboto Mono", ui-monospace, Menlo, monospace;

  --wr-fs-display: clamp(2.25rem, 5vw, 3.5rem);
  --wr-fs-h1:      2rem;
  --wr-fs-h2:      1.5rem;
  --wr-fs-h3:      1.1875rem;
  --wr-fs-body:    1rem;
  --wr-fs-sm:      0.875rem;
  --wr-fs-xs:      0.75rem;
  --wr-leading-tight: 1.12;
  --wr-leading-body:  1.62;

  /* ---- Space scale ---- */
  --wr-space-1: 4px;  --wr-space-2: 8px;  --wr-space-3: 12px; --wr-space-4: 16px;
  --wr-space-5: 24px; --wr-space-6: 32px; --wr-space-7: 48px; --wr-space-8: 64px; --wr-space-9: 96px;

  /* ---- Radius (soft, friendly) ---- */
  --wr-radius:      12px;
  --wr-radius-lg:   18px;
  --wr-radius-pill: 999px;

  /* ---- Elevation (soft, warm-tinted) ---- */
  --wr-shadow-sm: 0 1px 2px rgba(31, 58, 41, 0.05);
  --wr-shadow:    0 2px 8px rgba(31, 58, 41, 0.05);
  --wr-shadow-lg: 0 16px 40px -16px rgba(31, 58, 41, 0.20);

  /* ---- Contour / texture tint ---- */
  --wr-contour: rgba(31, 58, 41, 0.06);

  --wr-maxw: 1120px;
}