/* GreenCollar — Color tokens
 * Palette concept: grounded "workwear" greens + warm concrete/paper neutrals +
 * hi-vis safety accent (the green-collar worker's hi-vis), plus a functional
 * RAG (Red / Amber / Green) status system — the gap map is RAG-rated, so these
 * are product-critical, not decorative.
 */
:root {
  /* --- Brand green (pine / workwear) --- */
  --green-950: #0A2A1D;
  --green-900: #0E3B29;
  --green-800: #134C36;
  --green-700: #195E42; /* PRIMARY */
  --green-600: #1F7350;
  --green-500: #2E8C63;
  --green-300: #7DB89C;
  --green-100: #DCEDE3;
  --green-50:  #EEF5F0;

  /* --- Hi-vis accent (use sparingly: emphasis, active highlights, key CTAs) --- */
  --hivis-600: #BFCF22;
  --hivis-500: #D6E64B;
  --hivis-300: #E8F18C;
  --hivis-100: #F4F8CF;

  /* --- Warm neutrals (concrete / paper / ink) --- */
  --ink-950: #0F1A15;
  --ink-900: #16211C;
  --ink-800: #243029;
  --ink-700: #2C3A33;
  --ink-600: #43544B;
  --ink-500: #5E6F66;
  --ink-400: #869389;
  --ink-300: #AAB4AC;
  --ink-200: #CBD0CA;

  --line-100: #ECE8DD;
  --line-200: #E2DDD0;
  --line-300: #D2CCBC;

  --paper-page:   #F4F1E9; /* warm concrete page bg */
  --paper-card:   #FCFBF6; /* card surface */
  --paper-raised: #FFFFFF; /* raised / modal surface */
  --paper-sunken: #EFEBE1; /* sunken wells, table headers */

  /* --- RAG status (functional: regional delivery risk) --- */
  --rag-red:      #C23B2E; /* critical deficit */
  --rag-red-bg:   #F7E2DE;
  --rag-red-line: #E6B8B1;
  --rag-amber:      #C77D14; /* at risk */
  --rag-amber-bg:   #F8ECD2;
  --rag-amber-line: #E6CC9B;
  --rag-green:      #2E9E5B; /* sufficient */
  --rag-green-bg:   #DCF0E3;
  --rag-green-line: #ACD9BC;

  /* --- Data-viz roles (supply vs demand vs gap) --- */
  --data-supply: #2E8C63; /* certified / active workforce */
  --data-demand: #356EA4; /* funded project pipeline */
  --data-gap:    #C23B2E; /* shortfall */
  --data-forecast: #869389; /* projected / low-confidence */

  /* --- Semantic aliases --- */
  --brand:            var(--green-700);
  --brand-strong:     var(--green-900);
  --brand-tint:       var(--green-50);
  --accent:           var(--hivis-500);

  --text-strong:      var(--ink-900);
  --text-body:        var(--ink-700);
  --text-muted:       var(--ink-500);
  --text-faint:       var(--ink-400);
  --text-on-brand:    #F3F8F4;
  --text-on-accent:   var(--ink-900);
  --text-link:        var(--green-700);

  --surface-page:     var(--paper-page);
  --surface-card:     var(--paper-card);
  --surface-raised:   var(--paper-raised);
  --surface-sunken:   var(--paper-sunken);
  --surface-inverse:  var(--green-900);

  --border-subtle:    var(--line-100);
  --border-default:   var(--line-200);
  --border-strong:    var(--line-300);
  --border-focus:     var(--green-600);
}