/* ============================================================
   COLORS — Louisiana RHTP / Office of Rural Health Transformation
   Sampled from the official brand logos.
   Primary: Dark Azure #002D62 (preferred dark-blue mark)
   Secondary: Program Blue #065693 · Azure #149DD4
   Accent: Gold #F9C90F (sparingly)
   Palette philosophy: white-first, minimal, clear flat colors.
   ============================================================ */

:root {
  /* ---- Brand core (raw) ---- */
  --navy: #002d62;        /* Dark Azure — primary mark, headings */
  --navy-700: #012850;
  --navy-800: #001c3f;
  --navy-900: #00132c;

  --blue: #065693;        /* Program Blue — links, secondary */
  --blue-600: #0a63a6;
  --blue-400: #2f86c4;

  --azure: #149dd4;       /* Azure — highlights, data, active */
  --azure-300: #4fb6de;
  --azure-100: #d3ecf7;   /* tint surface */

  --gold: #f9c90f;        /* Accent — use sparingly */
  --gold-600: #d9ad00;
  --gold-100: #fdf3cc;    /* tint surface */

  /* ---- Neutrals (cool-tinted, white-first) ---- */
  --white: #ffffff;
  --ink-50:  #f5f7fa;
  --ink-100: #eaeef3;
  --ink-200: #d8dfe8;
  --ink-300: #bcc7d4;
  --ink-400: #92a1b3;
  --ink-500: #6b7c90;
  --ink-600: #4f5f72;
  --ink-700: #384656;
  --ink-800: #212d3a;
  --ink-900: #101820;

  /* ---- Semantic status ---- */
  --success: #19764c;
  --success-100: #dcf0e6;
  --warning: #995a00;
  --warning-100: #fdeccd;
  --danger:  #c0392b;
  --danger-100: #f8dedb;
  --info: var(--azure);
  --info-100: var(--azure-100);

  /* ============================================================
     SEMANTIC ALIASES — reference these in components / UI
     ============================================================ */

  /* Surfaces */
  --surface-page:    var(--white);
  --surface-raised:  var(--white);
  --surface-sunken:  var(--ink-50);
  --surface-card:    var(--white);
  --surface-tint:    var(--ink-50);      /* subtle section band */
  --surface-brand:   var(--navy);        /* navy hero / footer */
  --surface-brand-soft: var(--azure-100);
  --surface-accent-soft: var(--gold-100);

  /* Text */
  --text-strong:  var(--navy);           /* headings */
  --text-body:    var(--ink-800);
  --text-muted:   #536170;
  --text-faint:   #657381;
  --text-link:    var(--blue);
  --text-on-brand: var(--white);
  --text-on-brand-muted: #b9cbe0;

  /* Borders / hairlines — the "lines" motif */
  --border-hair:   var(--ink-200);       /* 1px default rule */
  --border-strong: var(--ink-300);
  --border-brand:  var(--navy);
  --border-focus:  var(--azure);

  /* Interactive */
  --action-primary:       var(--navy);
  --action-primary-hover: var(--navy-700);
  --action-primary-press: var(--navy-800);
  --action-secondary:       var(--blue);
  --action-secondary-hover: var(--blue-600);
  --accent:               var(--gold);

  /* Focus ring */
  --focus-ring: 0 0 0 3px color-mix(in srgb, var(--azure) 40%, transparent);
}