/* ============================================================
   Anton Scaffolding — Colour tokens
   Brand palette is BLUE + YELLOW (from the wordmarks): a royal
   "brand blue" for structure, surfaces and links, and a vivid
   lemon "Anton yellow" for accents, CTAs and the brand field.
   Cool charcoal "ink" greys carry text, borders and neutral
   surfaces; white line-art for marks on colour.
   ============================================================ */

:root {
  /* ---- Brand core ---- */
  --white: #ffffff;
  --black: #000000;

  /* Brand Blue — royal blue (the wordmark blue). Primary brand colour. */
  --blue-900: #102A52;   /* deepest navy — branded dark sections, footer */
  --blue-800: #163872;
  --blue-700: #1B498F;
  --blue-600: #215AAA;   /* brand primary (logo text) */
  --blue-500: #2E6DC4;
  --blue-400: #5189D6;
  --blue-300: #84AAE5;
  --blue-200: #B4CBF0;
  --blue-100: #DBE7F8;
  --blue-50:  #EEF4FC;

  /* Anton Yellow — vivid lemon (the brand field colour). */
  --hivis-700: #8F8F08;
  --hivis-600: #C4C40D;
  --hivis-500: #EDED12;   /* brand yellow */
  --hivis-400: #F2F24D;
  --hivis-300: #F6F684;
  --hivis-100: #FBFBBE;
  --hivis-50:  #FEFEE6;

  /* Ink / charcoal — neutral family (text, borders, neutral surfaces) */
  --ink-900: #121419;
  --ink-800: #191C22;
  --ink-700: #23272F;
  --ink-600: #2F343D;
  --ink-500: #444B56;
  --ink-400: #5C636F;
  --ink-300: #7C838F;
  --ink-200: #A6ACB6;
  --ink-100: #CDD2D9;
  --ink-50:  #ECEEF1;
  --ink-25:  #F6F7F9;

  /* Safety Orange — restrained secondary (heritage, hazard moments) */
  --orange-700: #A8390F;
  --orange-600: #C8451B;
  --orange-500: #E8541E;
  --orange-100: #FBE2D8;
  --orange-50:  #FEF1EB;

  /* ---- Semantic status ---- */
  --green-600: #1F7E45;
  --green-500: #2E9E5B;
  --green-100: #D7F0E0;
  --red-600:   #B22E25;
  --red-500:   #D23B30;
  --red-100:   #F8DAD7;
  --amber-500: #D69E0B;
  --amber-100: #FBEBC0;

  /* ============================================================
     Semantic aliases — reference THESE in components
     ============================================================ */

  /* Brand */
  --brand:          var(--blue-600);
  --brand-hover:    var(--blue-500);
  --brand-press:    var(--blue-800);
  --brand-contrast: var(--white);
  --brand-soft:     var(--blue-50);
  --brand-navy:     var(--blue-900);   /* branded dark surfaces */

  /* Surfaces */
  --color-bg:            var(--ink-25);      /* page background */
  --color-surface:       var(--white);       /* cards, panels */
  --color-surface-sunken: var(--ink-50);     /* wells, table stripes */
  --color-surface-inverse: var(--blue-900);  /* dark branded sections, footer */
  --color-surface-inverse-2: var(--blue-800);

  /* Text */
  --text-strong:   var(--ink-900);   /* headings */
  --text-body:     var(--ink-700);   /* body copy */
  --text-muted:    var(--ink-400);   /* captions, meta */
  --text-faint:    var(--ink-300);
  --text-inverse:  var(--white);     /* on dark/accent surfaces */
  --text-on-accent: var(--ink-900);  /* ink reads best on hi-vis yellow */
  --text-on-brand:  var(--white);    /* on brand navy */

  /* Borders & lines */
  --border:        var(--ink-100);
  --border-strong: var(--ink-200);
  --border-inverse: rgba(255,255,255,0.14);
  --divider:       var(--ink-50);

  /* Accent (Hi-Vis Yellow) */
  --accent:         var(--hivis-500);
  --accent-hover:   var(--hivis-400);
  --accent-press:   var(--hivis-600);
  --accent-contrast: var(--ink-900);
  --accent-soft:    var(--hivis-50);

  /* Interactive / status */
  --link:          var(--brand);
  --focus-ring:    var(--hivis-500);
  --success:       var(--green-500);
  --success-bg:    var(--green-100);
  --danger:        var(--red-500);
  --danger-bg:     var(--red-100);
  --warning:       var(--amber-500);
  --warning-bg:    var(--amber-100);
  --info:          var(--blue-600);
  --info-bg:       var(--blue-100);

  /* Overlay / scrims (navy-tinted) */
  --scrim:         rgba(16,42,82,0.66);
  --scrim-soft:    rgba(16,42,82,0.38);
}