/* One Health Portal — Design Tokens v2
   Ministry-grade palette. No red. All colours chosen for distinct
   luminance so they remain distinguishable when a page is printed on
   a black-and-white printer. Light background, dark ink text.
   Included after css/styles.css to override the older palette. */

:root {
  /* ============ Neutrals — dark ink on light paper ============ */
  --ink-900:  #0b1220;   /* primary text (near black) */
  --ink-700:  #1f2a44;   /* headings on cards */
  --ink-500:  #475569;   /* secondary text, labels */
  --ink-400:  #64748b;   /* tertiary text */
  --paper:    #f7f8fb;   /* page background */
  --paper-2:  #ffffff;   /* cards */
  --paper-3:  #eef1f6;   /* input rows / muted surfaces */
  --line:     #dde3ec;   /* borders */
  --line-2:   #eff2f7;   /* thin dividers */

  /* ============ Brand & accents — PASTEL v3 ============
     Shifted to match the pastel-gradient theme (peach → lavender → sky).
     Luminance separation preserved so B&W print still reads.
     Each accent is medium-saturation (not fully desaturated) so it stays
     readable when used for chart lines, text, and small icons. */
  --brand-navy:   #b85c78;   /* primary — dusty rose (readable as text on white AND as button bg with white text; still clearly pink but not washed out) */
  --brand-teal:   #6ba39a;   /* dusty sage-teal (was #0f766e) */
  --brand-amber:  #c99e6a;   /* warm tan (was #a16207) */
  --brand-plum:   #a892c9;   /* soft mulberry (was #6d28d9) */
  --brand-sage:   #a2b881;   /* soft olive (was #4d7c0f) */

  /* ============ Disease palette (map + charts) — pastel =========
     Kept distinct in hue AND luminance so grayscale print still orders them.
     Lighter than v2 so they harmonize with the pastel gradient theme. */
  --dis-avian:      #6b83a8;   /* soft slate-blue — Avian Influenza (H5N1) */
  --dis-avian-2:    #cad6e7;   /* light tint for map fills */
  --dis-kfd:        #6ba39a;   /* dusty sage-teal — KFD */
  --dis-kfd-2:      #cae1dc;
  --dis-bruc:       #a892c9;   /* soft mulberry — Brucellosis */
  --dis-bruc-2:     #dfd5ee;

  /* ============ Alert severity — traffic light without red ========
     Ordered by luminance so B&W print reads:
       ok      → medium-light gray
       watch   → medium gray
       elev    → dark gray
       crit    → near black
     All borders/backgrounds paired with darker ink text. */
  --lvl-ok-bg:      #ecfdf5;  --lvl-ok-line:    #86efac;  --lvl-ok-ink:    #14532d;
  --lvl-watch-bg:   #fefce8;  --lvl-watch-line: #fde047;  --lvl-watch-ink: #713f12;
  --lvl-elev-bg:    #fef3c7;  --lvl-elev-line:  #f59e0b;  --lvl-elev-ink:  #7c2d12;
  --lvl-crit-bg:    #fed7aa;  --lvl-crit-line:  #ea580c;  --lvl-crit-ink:  #7c2d12;

  /* ============ Choropleth / heatmap ramp — pastel plum-indigo */
  --ramp-0: #f0ebf3;
  --ramp-1: #dccce4;
  --ramp-2: #c0addb;
  --ramp-3: #9a83b3;
  --ramp-4: #7565a0;
  --ramp-5: #5b4c85;

  /* ============ Elevation / focus */
  --shadow-1: 0 1px 2px rgba(11,18,32,0.04);
  --shadow-2: 0 4px 14px rgba(11,18,32,0.06);
  --shadow-focus: 0 0 0 3px rgba(122,107,160,0.22);

  /* ============ Radii / motion */
  --r-1: 6px;
  --r-2: 10px;
  --r-3: 14px;
  --dur-1: 0.15s;
}

/* ---------- Global body: light paper, dark ink ---------- */
body { background: var(--paper); color: var(--ink-700); }

/* ---------- Utility: severity pills (used across dashboard, alerts) ---------- */
.pill { display:inline-flex; align-items:center; gap:6px; padding:2px 10px; border-radius:999px; font-size:0.7rem; font-weight:700; letter-spacing:0.04em; text-transform:uppercase; border:1px solid; }
.pill.ok    { background:var(--lvl-ok-bg);    border-color:var(--lvl-ok-line);    color:var(--lvl-ok-ink); }
.pill.watch { background:var(--lvl-watch-bg); border-color:var(--lvl-watch-line); color:var(--lvl-watch-ink); }
.pill.elev  { background:var(--lvl-elev-bg);  border-color:var(--lvl-elev-line);  color:var(--lvl-elev-ink); }
.pill.crit  { background:var(--lvl-crit-bg);  border-color:var(--lvl-crit-line);  color:var(--lvl-crit-ink); }

/* ---------- Card treatment (used by all dashboard cards) ---------- */
.card-2 {
  background: var(--paper-2); border:1px solid var(--line);
  border-radius: var(--r-3); box-shadow: var(--shadow-1);
  padding: 16px 18px;
}

/* ---------- Alert ribbon keeps its urgent-red per user request ----------
   (Everything else in the palette stays no-red for B&W printability.) */
.adv-alert-band.alert-amber { background: var(--brand-amber) !important; }
.adv-alert-band.alert-yellow{ background: var(--brand-amber) !important; }
.adv-alert-band .chip { color: var(--brand-navy) !important; }

/* Disease tag pills — override old tag-*  */
.tag-animal { background:#dbe6f1; color:var(--dis-avian); }
.tag-env    { background:#d7ede9; color:var(--dis-kfd); }
.tag-bruc   { background:#e5dcf7; color:var(--dis-bruc); }
.tag-human  { background:#e2e8f0; color:var(--ink-700); }