/* Gateway South — Color tokens
   Exact hex confirmed from GWS Brand PPTX.pptx (theme1.xml clrScheme +
   the "Gateway South Color Palette Reference" slide, which lists hex
   directly): dk2 #FE5000, lt2 #BFE1F0, accent2 #EFC2FF, accent3 #F4EA13,
   accent4 #093A3A, accent5 #BFBFBF. These supersede the earlier
   photograph-sampled approximations. Safety Yellow and Forest Green
   originated with the former "Crunden Martin" sister release; that building
   burned down and is no longer part of the story, but the colors remain in
   the district palette as extended accents (per current direction, June
   2026). This system is scoped to GATEWAY SOUTH. */

:root {
  /* ---- Base palette (Gateway South lead colors) ---- */
  --gws-orange-600: #fe5000;   /* Construction Orange — primary brand accent, exact */
  --gws-orange-700: #c93f00;   /* hover/pressed (derived, darker step) */
  --gws-orange-100: #ffe4d6;   /* tint, for washes/badges (derived) */

  --gws-sky-500: #bfe1f0;      /* Sky Blue — exact */
  --gws-sky-700: #2e6e86;      /* deeper sky, for text-on-light or hover (derived; darkened for contrast on sky tints) */
  --gws-sky-100: #eaf6fb;      /* tint (derived) */

  --gws-pink-400: #efc2ff;     /* Foam Pink — exact */
  --gws-pink-700: #b978d6;     /* deeper foam, for text/borders on light (derived) */
  --gws-pink-100: #f9ecff;     /* tint (derived) */

  --gws-concrete-600: #8a8a8a; /* Concrete Grey, darker step (derived from exact accent5) */
  --gws-concrete-300: #bfbfbf; /* Concrete Grey — exact (theme accent5) */
  --gws-concrete-100: #ececec; /* tint (derived) */

  /* ---- Extended district palette — secondary accents. Use sparingly:
     wayfinding, data viz, special campaigns; never as page washes. ---- */
  --gws-yellow-500: #f4ea13;   /* Safety Yellow — exact (theme accent3) */
  --gws-forest-600: #093a3a;   /* Forest Green — exact (theme accent4; reads as a dark teal-green) */
  /* Legacy aliases — kept so older assets don't break; prefer --gws-* names */
  --cm-yellow-500: var(--gws-yellow-500);
  --cm-forest-600: var(--gws-forest-600);

  /* ---- Ink / neutrals ---- */
  --gws-ink-900: #100f0d;      /* exact — sampled from logo/wordmark artwork */
  --gws-ink-700: #33322f;
  --gws-ink-500: #66655f;
  --gws-white: #ffffff;

  /* ---- Semantic aliases ---- */
  --color-bg-page: var(--gws-white);
  --color-bg-sunken: var(--gws-concrete-100);
  --color-bg-inverse: var(--gws-ink-900);

  --color-surface-card: var(--gws-white);
  --color-surface-card-border: var(--gws-concrete-300);

  --color-text-primary: var(--gws-ink-900);
  --color-text-secondary: var(--gws-ink-500);
  --color-text-inverse: var(--gws-white);
  --color-text-on-orange: var(--gws-white);

  --color-accent-primary: var(--gws-orange-600);
  --color-accent-primary-hover: var(--gws-orange-700);
  --color-accent-primary-tint: var(--gws-orange-100);

  --color-accent-secondary: var(--gws-sky-500);
  --color-accent-tertiary: var(--gws-pink-400);

  --color-border-default: var(--gws-concrete-300);
  --color-border-strong: var(--gws-ink-900);

  --color-focus-ring: var(--gws-sky-700);
}