/* ============================================================
   INTAKE DASHBOARD — PROVA TOKEN LAYER (tokens.css)
   Derived from Prova Marketing design system (designs/site.css)
   Navy #074975 / deep #042A44 / green #46A247
   Type: Source Serif 4 (display) · Source Sans 3 (body) · IBM Plex Mono (evidence)
   Signature: evidence aesthetic — mono metadata, report documents, event trails

   DROP-IN STRATEGY: keeps the app's existing variable names
   (--bg, --surface, --border, --text, --muted, --brand…) and
   class hooks (.card, .badge.hot, .ltable, .field-row…),
   re-pointed at the Prova system. New tokens extend alongside.
   ============================================================ */

:root {
  /* --- Prova core palette --- */
  --navy: #074975;
  --navy-deep: #042A44;
  --navy-card: #0B3A5C;
  --navy-line: #1A4F77;
  --navy-tint: #E6EEF4;
  --ink: #0D2438;
  --slate: #4A6076;
  --slate-dark: #9FB8CB;
  --green: #46A247;
  --green-dark: #3A8A3D;
  --green-tint: #EAF5EA;
  --mist: #F4F7FA;
  --line: #D9E2EA;
  --paper: #FFFFFF;

  /* --- App-compat variables (re-pointed) --- */
  --bg: var(--mist);
  --surface: var(--paper);
  --border: var(--line);
  --text: var(--ink);
  --muted: var(--slate);
  --brand: var(--navy);            /* brand = navy (authority) */
  --brand-ink: #fff;
  --action: var(--green);          /* primary actions = green */
  --action-dark: var(--green-dark);
  --action-tint: var(--green-tint);
  --radius: 12px;
  --shadow: 0 1px 2px rgba(13,36,56,.05), 0 4px 14px -6px rgba(13,36,56,.10);
  --shadow-lift: 0 18px 40px -18px rgba(13,36,56,.22);

  /* --- Status taxonomy (badges, alerts, flags) --- */
  --danger: #B42318;
  --danger-bg: #FEF3F2;
  --danger-line: #F0C2BD;
  --ok: var(--green-dark);
  --ok-bg: var(--green-tint);
  --ok-line: #BFE3C0;
  --warn: #B54708;
  --warn-bg: #FFFAEB;
  --warn-line: #FEDF89;
  --quiet: #66788A;
  --quiet-bg: #EFF3F7;

  /* --- Type --- */
  --serif: "Source Serif 4", Georgia, serif;
  --sans: "Source Sans 3", -apple-system, "Segoe UI", sans-serif;
  --mono: "IBM Plex Mono", "SF Mono", Consolas, monospace;
  --ease: cubic-bezier(.22,.68,.32,1);

  /* --- Shell metrics --- */
  --rail-w: 232px;                 /* left nav rail */
  --topbar-h: 56px;
  --content-max: 1160px;           /* was 960 — master-detail needs room */
}

/* Dark surfaces (nav rail, future dark mode) */
.dark {
  background: var(--navy-deep);
  color: #DCE8F1;
}