/* ==========================================================================
   Sentinel dashboard design tokens — the ONLY place hex values live.
   Source: pipeline/specs/audit-ui-style-guide.md (James, 2026-09-11)
   ========================================================================== */

/* Poppins 400/500/600 — self-hosted (no third-party requests from the browser) */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/static/fonts/poppins-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/static/fonts/poppins-latin-500-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/static/fonts/poppins-latin-600-normal.woff2") format("woff2");
}

:root {
  /* --- Colour: slate accent ------------------------------------------------ */
  --accent: #5B7089;
  --accent-dark: #4A5D73;
  --accent-soft: #7D8FA3;
  --accent-tint: #E6EBF1;

  /* --- Text: one grey ladder ---------------------------------------------- */
  --ink: #1E293B;
  --ink2: #475569;
  --ink3: #64748B;
  --ink4: #94A3B8;

  /* --- Lines & surfaces ---------------------------------------------------- */
  --line: #E2E8F0;
  --line-strong: #CBD5E1;
  --line-soft: #EEF2F6;
  --surface: #FFFFFF;
  --surface2: #F8FAFC;
  --surface3: #F3F6F9;

  /* --- Semantic (muted) ---------------------------------------------------- */
  --good: #4F7D6B;
  --good-tint: #E9F2EE;
  --bad: #A85454;
  --bad-tint: #F7ECEC;
  --warn: #8A6420;
  --warn-tint: #F8F2E6;
  --info: #4A6D8C;
  --info-tint: #E8F0F7;

  /* --- Typography ----------------------------------------------------------- */
  --font: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-page-title: 22px;   /* 600 */
  --fs-section-title: 16px;/* 600 */
  --fs-card-title: 14px;   /* 600 */
  --fs-body: 13.5px;       /* 400 */
  --fs-control: 13px;      /* 400 — tables & controls */
  --fs-secondary: 12px;    /* 400 ink3 */
  --fs-micro: 11px;        /* 600 UPPER */
  --fs-stat: 26px;         /* 600 tabular */

  /* --- Spacing (4px base) & shape ------------------------------------------ */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --radius-card: 10px;
  --radius-control: 6px;

  /* --- Elevation (overlays only) -------------------------------------------- */
  --shadow-overlay: 0 12px 32px rgba(30, 41, 59, 0.18);
  --overlay-scrim: rgba(30, 41, 59, 0.45);
}