/* ============================================================
   PRASUN SRIVASTAVA — DESIGN TOKENS (single source of truth)
   Brand: Petrol · frozen 2026-07-02
   Spec: practice/consulting/funnel/brand-spec.md
   Consumed by: website (via global.css), diagnostic report,
   proposal, readout deck, any future HTML/PDF surface.
   Served at: https://prasunsrivastava.com/brand/tokens.css
   ============================================================ */

:root {
  /* -- Type ---------------------------------------------------- */
  --font-serif: "Source Serif 4", Georgia, Cambria, serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --text-body: 17.5px;
  --leading-body: 1.62;
  --text-h1: clamp(31px, 4.6vw, 46px);
  --text-h2: 24px;
  --text-kpi: 48px;

  /* -- Neutrals (petrol-tinted) -------------------------------- */
  --ink: #14191b;      /* text, heavy rules, score bars */
  --grey: #4f5c5f;     /* secondary text */
  --faint: #8fa0a2;    /* dates, meta */
  --rule: #d3dcdd;     /* hairlines, borders */
  --ground: #e9f0f0;   /* page bg, plates, bar tracks */
  --panel: #ffffff;    /* the document surface */

  /* -- Brand accent -------------------------------------------- */
  --accent: #0b5f6b;
  --accent-deep: #08454e; /* hover / pressed */

  /* -- Semantic status (reserved for judgment, never branding) --
     Hues conventional (red 8° / amber 40° / green 140°); register
     muted to match the system. Three tiers; AA on all pairings.  */
  --crit-solid: hsl(8 62% 38%);   /* chip bg, white text */
  --crit-text: hsl(8 64% 30%);    /* dark text tier */
  --crit-bg: hsl(8 45% 94%);      /* tint bg tier */
  --warn-bg: hsl(42 52% 90%);
  --warn-fg: hsl(38 85% 26%);
  --ok-bg: hsl(140 28% 90%);
  --ok-fg: hsl(145 55% 24%);

  /* -- Shadows -------------------------------------------------- */
  --shadow-frame: 0 2px 6px rgba(18, 20, 25, 0.06), 0 20px 50px rgba(18, 20, 25, 0.09);
  --shadow-sheet: 0 24px 60px rgba(18, 20, 25, 0.18);
}