/* ANDECO Color Tokens
   Source: ANDECO PowerPoint Visual Style Guide (2026-01-20).
   "ANDECO brand colors are bright, modern and fresh."
   Core brand colors carry the main content; secondary + limited-use accents
   add highlights (graphs, callouts, small accents). */

:root {
  /* ---- Core brand ---- */
  --andeco-blue: #5697CC;   /* primary identity blue   rgb(86 151 204)  */
  --midnight:    #000000;   /* true black              rgb(0 0 0)       */
  --white:       #FFFFFF;   /* white                   rgb(255 255 255) */

  /* ---- Secondary ---- */
  --marian-blue: #264492;   /* deep authoritative blue rgb(38 68 146)   */
  --silver:      #B5B5B5;   /* neutral grey            rgb(181 181 181) */
  --electric-blue: #97E9F2; /* bright cyan highlight   rgb(151 233 242) */

  /* ---- Limited-use accents ---- */
  --mulberry: #B9589F;      /* magenta accent          rgb(185 88 159)  */
  --mint:     #1EC1A1;      /* teal-green accent       rgb(30 193 160)  */

  /* ---- Blue ramp (derived from ANDECO Blue + Marian Blue for UI depth) ---- */
  --blue-50:  #EEF5FB;
  --blue-100: #D9EAF6;
  --blue-200: #B4D3EC;
  --blue-300: #88B8DE;
  --blue-400: #5697CC;   /* = ANDECO Blue */
  --blue-500: #3D74B4;
  --blue-600: #2F5BA3;
  --blue-700: #264492;   /* = Marian Blue */
  --blue-800: #1E3573;
  --blue-900: #16264F;
  --blue-950: #0C1730;

  /* ---- Neutral / ink ramp (cool-tinted greys) ---- */
  --ink-0:   #FFFFFF;
  --ink-25:  #FAFBFC;
  --ink-50:  #F4F6F8;
  --ink-100: #E9EDF1;
  --ink-200: #D7DDE3;
  --ink-300: #B5B5B5;   /* = Silver */
  --ink-400: #8E96A0;
  --ink-500: #6B727C;
  --ink-600: #4D535B;
  --ink-700: #353A41;
  --ink-800: #20242A;
  --ink-900: #121519;
  --ink-950: #000000;   /* = Midnight */

  /* ---- Accent ramps (limited use) ---- */
  --mint-soft:     #D6F5EE;
  --mint-strong:   #149177;
  --mulberry-soft: #F4E0EE;
  --mulberry-strong: #8E3E78;
  --cyan-soft:     #E6FAFC;

  /* ================= Semantic aliases ================= */

  /* Text */
  --text-strong:   var(--ink-900);  /* headings, key figures */
  --text-body:     var(--ink-700);  /* default body copy     */
  --text-muted:    var(--ink-500);  /* secondary / captions  */
  --text-faint:    var(--ink-400);  /* placeholders, hints   */
  --text-on-dark:  var(--white);
  --text-on-dark-muted: rgba(255 255 255 / 0.72);
  --text-brand:    var(--marian-blue);
  --text-link:     var(--blue-600);

  /* Surfaces */
  --surface-page:    var(--ink-25);
  --surface-card:    var(--white);
  --surface-subtle:  var(--ink-50);
  --surface-sunken:  var(--ink-100);
  --surface-brand:   var(--marian-blue);
  --surface-brand-deep: var(--blue-950);
  --surface-accent:  var(--blue-50);
  --surface-inverse: var(--ink-900);

  /* Borders */
  --border-subtle: var(--ink-100);
  --border-default: var(--ink-200);
  --border-strong: var(--ink-300);
  --border-brand: var(--andeco-blue);
  --border-on-dark: rgba(255 255 255 / 0.16);

  /* Interactive (primary = ANDECO Blue) */
  /* L-5a: white-on-#5697CC measured 3.14:1, below the 4.5:1 AA floor at the
     16px/600 and 18px/600 button sizes. Shifted one step down the ramp:
     #3D74B4 measures 4.82:1. ANDECO Blue remains the identity accent wherever
     it does not carry white text. */
  --action-primary:        var(--blue-500);   /* #3D74B4 — 4.82:1 on white text */
  --action-primary-hover:  var(--blue-600);   /* #2F5BA3 — 6.67:1 */
  --action-primary-active: var(--blue-700);   /* #1E3573 — 9.60:1 */
  --action-primary-text:   var(--white);

  --action-secondary-text:  var(--marian-blue);
  --action-secondary-border: var(--blue-200);
  --action-secondary-hover-bg: var(--blue-50);

  /* L-5b: was rgba(86 151 204 / 0.45) — 2.15:1 on dark, 1.60:1 on white, both
     below the 3:1 floor for non-text contrast. Electric blue is >7:1 on the
     navy surfaces but only 1.38:1 on white, so on white surfaces styles.css pairs
     it with a dark inner ring drawn from --focus-ring-on-light. */
  --focus-ring: var(--electric-blue);
  --focus-ring-on-light: var(--blue-950);

  /* Status (built from brand + accent family) */
  --status-success: var(--mint-strong);
  --status-success-bg: var(--mint-soft);
  --status-info: var(--andeco-blue);
  --status-info-bg: var(--blue-50);
  --status-warning: #C98A1E;
  --status-warning-bg: #FBF1DC;
  --status-danger: #C5453F;
  --status-danger-bg: #FBE6E5;
  --status-highlight: var(--mulberry);
  --status-highlight-bg: var(--mulberry-soft);
}