/* ARC — Color tokens
 * Source of truth: MKTG_PDF_ARC_CORE_Brand_Guidelines_Feb26.pdf + Color Palette.jpg
 * The brand is built on a deep navy-blue spectrum with cool greys. */

:root {
  /* ---- Brand core (exact brand values) ---- */
  --arc-black:        #000008; /* Black 6 C — body text, strong emphasis */
  --arc-dark-blue:    #000A1F; /* 3581 C — backgrounds, dividers, emphasis */
  --arc-primary-blue: #002859; /* 4151 C — main headers, CTAs, key accents */
  --arc-light-blue:   #1150A6; /* 2173 C — hover states, secondary, highlights */
  --arc-dark-grey:    #1E1E28; /* 2378 C — subheads, dark surfaces */
  --arc-grey:         #33343C; /* 431 C  — footer text, less-prominent labels */
  --arc-light-grey:   #A4A7B1; /* 651 C  — borders, form fields, muted text */
  --arc-off-white:    #E2E6F0; /* 656 C  — soft backgrounds, print */
  --arc-white:        #FFFFFF; /* web primary surface for clarity/contrast */

  /* ---- Extended blue ramp (derived, for charts/states/tints) ---- */
  --blue-950: #000A1F;
  --blue-900: #001A3D;
  --blue-800: #002859;
  --blue-700: #003A78;
  --blue-600: #0B4691;
  --blue-500: #1150A6;
  --blue-400: #2E6BC2;
  --blue-300: #5A8FD6;
  --blue-200: #9CC0EC;
  --blue-100: #CFE0F6;
  --blue-50:  #EDF3FC;

  /* ---- Neutral ramp ---- */
  --neutral-950: #000008;
  --neutral-900: #14151C;
  --neutral-800: #1E1E28;
  --neutral-700: #33343C;
  --neutral-600: #4B4D57;
  --neutral-500: #6C6F7B;
  --neutral-400: #8C8F9B;
  --neutral-300: #A4A7B1;
  --neutral-200: #C7CAD3;
  --neutral-100: #E2E6F0;
  --neutral-50:  #F3F5FA;

  /* ---- Semantic status (cool-leaning to sit beside the navy) ---- */
  --success: #1F8A5B;
  --warning: #D98A1F;
  --danger:  #C2362F;
  --info:    var(--arc-light-blue);

  /* ---- Semantic surface / text aliases ---- */
  --surface-page:        var(--arc-white);
  --surface-subtle:      var(--neutral-50);
  --surface-muted:       var(--arc-off-white);
  --surface-card:        var(--arc-white);
  --surface-inverse:     var(--arc-dark-blue);   /* dark navy hero sections */
  --surface-inverse-2:   var(--arc-primary-blue);
  --surface-brand:       var(--arc-primary-blue);

  --text-strong:   var(--arc-black);     /* headlines on light */
  --text-body:     var(--arc-grey);      /* body copy on light */
  --text-muted:    var(--neutral-500);   /* captions, meta */
  --text-on-dark:  var(--arc-white);
  --text-on-dark-muted: var(--neutral-300);
  --text-brand:    var(--arc-primary-blue);
  --text-link:     var(--arc-light-blue);

  --border-subtle: var(--neutral-200);
  --border-strong: var(--neutral-300);
  --border-on-dark: rgba(255,255,255,0.14);

  --accent:        var(--arc-light-blue); /* the vivid action blue */
  --accent-hover:  var(--blue-600);
  --focus-ring:    rgba(17,80,166,0.45);
}