/* =====================================================================
   FMS Design System v1.0 - tokens.css - FROZEN VISUAL BASELINE (2026-10-05)
   Approved on the Home/Dashboard. New modules reuse tokens.css + components.css
   as they are; any change to this file is a deliberate Design System revision.
   Single source of truth for every visual decision in Gestão Jurídica.
   Components (components.css) and screens (home.css, ...) read ONLY from here:
   never hard-code a colour, size, radius or shadow in a module.
   ===================================================================== */
:root{
  /* ---------- Colour · brand ---------- */
  --navy:#0E1E32;
  --navy-2:#16304C;
  --navy-deep:#0B1829;
  --gold:#C89B3C;
  --gold-light:#E8D6A0;
  --gold-deep:#9A7424;
  --gold-bg:#FAF3E2;

  /* ---------- Colour · surfaces (light, off-white work area; cards stay white) ---------- */
  --page:#F8F8F6;            /* application background */
  --surface:#FFFFFF;         /* cards, panels, dropdowns, inputs */
  --surface-subtle:#F8F7F3;  /* table headers, row hover, selected rows */
  --surface-sunken:#F1F1ED;  /* search field, key hints, empty-state icon discs */
  --white:#FFFFFF;
  --line:#E6E4DC;            /* default 1px border */
  --line-soft:#EFEEE8;       /* row separators inside a card */

  /* ---------- Colour · text ---------- */
  --text:#182533;
  --slate:#4B5768;
  --muted:#6B7280;
  --on-navy:#FFFFFF;
  --on-navy-muted:#C9D1DC;
  --on-navy-faint:rgba(255,255,255,.42);

  /* ---------- Colour · status (text + soft background pairs) ---------- */
  --green:#1E8E5A; --green-bg:#E8F5EE;
  --red:#C0392B;   --red-bg:#FBEAE8;
  --amber:#B9770E; --amber-bg:#FDF3E3;
  --blue:#2C5282;  --blue-bg:#EAF1FA;
  --neutral-dot:#C7CBD1;

  /* ---------- Colour · data series (charts) ---------- */
  --series-1:#0E1E32;
  --series-2:#C89B3C;
  --series-3:#8C97A6;
  --series-4:#CDD3DB;

  /* ---------- Typography ---------- */
  --serif:'Palatino Linotype','Book Antiqua',Palatino,Georgia,serif;   /* titles, figures */
  --sans:'Segoe UI',-apple-system,BlinkMacSystemFont,Roboto,Arial,sans-serif; /* UI text */
  --fs-2xs:10.5px;  /* micro labels */
  --fs-xs:12px;     /* captions, table meta */
  --fs-sm:13px;     /* secondary text, links in card headers */
  --fs-base:14.5px; /* body, table cells */
  --fs-md:16px;     /* navigation, subtitles */
  --fs-lg:18px;     /* quote, list emphasis */
  --fs-h3:20px;     /* card titles */
  --fs-h2:26px;     /* module section titles */
  --fs-h1:clamp(28px,2.65vw,38px);  /* page greeting / module title */
  --fs-kpi:clamp(34px,3.2vw,44px);   /* KPI figures */
  --fw-regular:400; --fw-medium:500; --fw-semibold:600; --fw-bold:700; --fw-heavy:800;
  --lh-tight:1.1; --lh-base:1.45; --lh-relaxed:1.55;
  --tracking-eyebrow:3px;   /* UPPERCASE brand lines */
  --tracking-label:1.2px;   /* UPPERCASE small labels / badges */

  /* ---------- Spacing scale (4px base) ---------- */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px;
  --sp-6:24px; --sp-7:32px; --sp-8:40px; --sp-9:56px;

  /* ---------- Shape ---------- */
  --radius-sm:9px;
  --radius-md:12px;
  --radius-lg:14px;
  --radius-pill:999px;
  --border:1px solid var(--line);

  /* ---------- Elevation (kept deliberately light) ---------- */
  --shadow-rest:0 1px 2px rgba(14,30,50,.04);
  --shadow-hover:0 6px 18px rgba(14,30,50,.08);
  --shadow-overlay:0 14px 34px rgba(14,30,50,.14);   /* dropdowns, menus */

  /* ---------- Interaction ---------- */
  --focus-ring:0 0 0 3px rgba(200,155,60,.28);
  --focus-outline:2px solid var(--gold);
  --ease:cubic-bezier(.2,.6,.2,1);
  --dur-fast:.12s; --dur:.18s;

  /* ---------- Layout ---------- */
  --sidebar-w:268px;
  --topbar-h:68px;
  --content-max:1680px;
  --gutter:clamp(18px,2.4vw,44px);  /* page side padding */
  --grid-gap:var(--sp-5);           /* gap between every card in a grid */

  /* ---------- Component tokens ---------- */
  --card-pad:var(--sp-6);                 /* panel inner padding */
  --card-pad-x:26px;
  --card-head-gap:var(--sp-4);
  --sidebar-bg:var(--navy);
  --sidebar-bg-2:var(--navy-deep);
  --sidebar-hover:rgba(255,255,255,.06);
  --sidebar-active:rgba(200,155,60,.14);
  --sidebar-text:var(--on-navy-muted);
  --sidebar-rule:rgba(255,255,255,.12);

  /* ---------- Brand asset ---------- */
  --bridge:url(../assets/bridge.png);     /* official gold bridge symbol */
}