/* Poros Ops design tokens: THE one place to change the site's look (10/16).
   Layer 1, the PALETTE: raw colors by hue and step. Layer 2, the ROLES: what components ask for.
   Retheme = change a palette value, or point a role at another step. Every stylesheet and page reads these
   through var(); tools/check_site.py fails the build on a raw brand color anywhere else, so an edit here
   reaches every page. Prove a change with tools/visual_check.py compare (see SITE_GUIDE.md). */
:root{
  /* ---- palette: navy (dark surfaces) */
  --navy-950:#07121D; --navy-900:#0B1B2B; --navy-850:#0E2235; --navy-800:#12283D; --navy-700:#1B3750; --navy-600:#2A3F54;
  /* ---- palette: slate (text on light; greys on dark) */
  --slate-900:#2A3C4E; --slate-800:#425467; --slate-700:#5B6C7D; --slate-600:#74879A; --slate-500:#8DA2B4;
  --slate-400:#A9BAC9; --slate-300:#C9D6E1; --slate-200:#DCE5ED;
  /* ---- palette: sage (light surfaces and lines) */
  --sage-25:#F6F7F3; --sage-50:#F3F5F1; --sage-100:#EEF1EB; --sage-200:#E3E8E1; --sage-300:#D5DCD1; --sage-400:#CCD5CD;
  /* ---- palette: mint + lime (brand) */
  --mint-50:#EEF8F4; --mint-100:#E3F7F0; --mint-300:#9BE3CD; --mint-400:#3FE3B4; --mint-450:#18D3A9; --mint-500:#12C29A;
  --mint-700:#07796A; --mint-800:#07614F; --mint-950:#03251D; --lime-400:#B9F24A;
  /* ---- palette: status (amber = warning / attention, blue = ask-first, red = error) */
  --amber-50:#FFF8E8; --amber-100:#FFF4D6; --amber-200:#F3DEA6; --amber-400:#FFB224; --amber-600:#C98A00;
  --amber-800:#7A4B00; --amber-900:#5A4A12;
  --blue-100:#E3EEFB; --blue-400:#7FB3FF; --blue-800:#1D4E89; --red-700:#B42318;
  --white:#fff;

  /* ---- roles (prefer these in components) */
  --ink:var(--navy-900); --ink2:var(--navy-800); --ink3:var(--navy-700); --ink-deep:var(--navy-950);
  --paper:var(--sage-25); --card:var(--white);
  --line:var(--sage-200); --line-d:rgba(255,255,255,.1);
  --text:var(--slate-900); --mut:var(--slate-700);
  --mint:var(--mint-500); --mint-hi:var(--mint-400); --lime:var(--lime-400); --citrus:var(--amber-400);
  --teal-text:var(--mint-700); --on-mint:var(--mint-950);
  --grad:linear-gradient(120deg,var(--mint) 0%,var(--lime) 100%);

  /* ---- shape */
  --r-2xs:3px; --r-xs:6px; --r-sm:10px; --r-md:12px; --r-lg:14px; --r:18px; --r-xl:22px; --r-2xl:28px; --r-pill:999px;
  --maxw:1180px;

  /* type (Gemini, 10/15): Plus Jakarta Sans headlines; Apple system font (San Francisco) for body + labels,
     Inter as the web fallback. --ff-m is kept as a name only: labels are sans caps now, never monospace. */
  --ff-d:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Inter",sans-serif;
  --ff:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Segoe UI",Roboto,sans-serif;
  --ff-m:var(--ff);
  --ease:cubic-bezier(.16,1,.3,1);
}