/* SnowGroup — Color tokens
   Primary/secondary/tertiary are the current, unchanged SnowGroup palette
   (same as website builds). Neutrals + semantics extend it for UI use. */

:root {
  /* ---------- Primary (use consistently across all communications) ---------- */
  --sg-color-avalanche-orange: #FC500E; /* the brand signal color */
  --sg-color-glacier-blue:     #71ABB8; /* the cool counterpart */
  --sg-color-night-ski-black:  #000000;
  --sg-color-summit-white:     #FFFFFF;

  /* ---------- Secondary (highlights, sub-brand + category differentiation) ---------- */
  --sg-color-alpine-blue:      #2547A5;
  --sg-color-freestyle-green:  #63DB1D;

  /* ---------- Tertiary (sparingly — campaigns, merch, high-personality moments) ---------- */
  --sg-color-sundown-orange:   #E2900E;
  --sg-color-powder-pink:      #EF0761;
  --sg-color-pine-green:       #0CBA7B;

  /* ---------- Orange tint/shade ramp (derived from Avalanche Orange) ---------- */
  --sg-orange-50:  #FEF0EA;
  --sg-orange-100: #FDD9CB;
  --sg-orange-200: #FBB499;
  --sg-orange-300: #FC500E; /* base */
  --sg-orange-500: #E5450A; /* hover */
  --sg-orange-700: #B8380A; /* active / pressed */

  /* ---------- Glacier tint/shade ramp ---------- */
  --sg-glacier-50:  #EEF4F5;
  --sg-glacier-100: #D5E4E8;
  --sg-glacier-200: #A9C8CF;
  --sg-glacier-300: #71ABB8; /* base */
  --sg-glacier-500: #5A929E;
  --sg-glacier-700: #3F6F7A;

  /* ---------- Neutrals (cool-tinted greys, from the low-poly snow world) ---------- */
  --sg-ink-900: #111417; /* near-black text on light */
  --sg-ink-800: #22282D;
  --sg-ink-700: #3A434A;
  --sg-grey-600: #5B666E;
  --sg-grey-500: #7E8A92;
  --sg-grey-400: #A8B2B9;
  --sg-grey-300: #CDD5DA;
  --sg-grey-200: #E4E9EC;
  --sg-grey-100: #F1F4F6;
  --sg-grey-50:  #F8FAFB;

  /* ---------- Semantic aliases ---------- */
  --sg-color-brand:        var(--sg-color-avalanche-orange);
  --sg-color-brand-hover:  var(--sg-orange-500);
  --sg-color-brand-active: var(--sg-orange-700);
  --sg-color-accent:       var(--sg-color-glacier-blue);
  --sg-color-ink:          var(--sg-color-night-ski-black);

  --sg-text-primary:   var(--sg-ink-900);
  --sg-text-secondary: var(--sg-grey-600);
  --sg-text-muted:     var(--sg-grey-500);
  --sg-text-inverse:   var(--sg-color-summit-white);
  --sg-text-brand:     var(--sg-color-avalanche-orange);
  --sg-text-link:      var(--sg-color-alpine-blue);

  --sg-surface-page:   var(--sg-color-summit-white);
  --sg-surface-subtle: var(--sg-grey-50);
  --sg-surface-card:   var(--sg-color-summit-white);
  --sg-surface-sunk:   var(--sg-grey-100);
  --sg-surface-inverse: var(--sg-ink-900);

  --sg-border:         var(--sg-grey-200);
  --sg-border-strong:  var(--sg-grey-300);
  --sg-border-ink:     var(--sg-ink-900);

  /* ---------- Status / feedback ---------- */
  --sg-color-success: var(--sg-color-pine-green);
  --sg-color-info:    var(--sg-color-alpine-blue);
  --sg-color-warning: var(--sg-color-sundown-orange);
  --sg-color-error:   var(--sg-color-powder-pink);

  /* ---------- Sub-brand accents (each tool's secondary wordmark tone) ---------- */
  --sg-brand-snowbus:       var(--sg-color-glacier-blue);
  --sg-brand-reservewinter: var(--sg-color-glacier-blue);
  --sg-brand-snowclub:      var(--sg-ink-900);
}