/* ============================================================
   pokerai.bet — shared design tokens (Tier-4 deep pass, 2026-07-06)
   Single source of truth for color, type scale, layout widths and
   shape. Every public page links this file and consumes the vars;
   page-local :root blocks were removed. The top nav is fully
   inline-styled on purpose (byte-identical across pages) and does
   NOT depend on this file.

   Width policy — three intentional tiers, not one width:
     --wrap-wide     1080px  landing (marketing sections)
     --wrap-content   900px  card/table-heavy pages (pricing, case study)
     --wrap-docs      820px  docs main column (reading width beside TOC)
     --wrap-prose     760px  prose pages (faq, terms, glossary, guides,
                             changelog, ranges hub + all range pages)

   Type policy — two scales:
     content pages:  h1 30 / h2 20 / h3 16 / body 15
     landing only:   hero 44 / section head 28 (display scale)
   ============================================================ */
:root{
  /* color */
  --bg:#0b0f0d; --panel:#141b18; --panel2:#0f1512;
  --border:#243029; --border2:#1b241f;
  --text:#e8efe9; --text2:#d3ded7; --muted:#8a9a8f; --faint:#5f6f65;
  --accent:#19c37d; --accent-press:#14a268; --accent-deep:#0e8f5a; --on-accent:#06120c;
  --raise:#e1452f; --call:#2fa968; --check:#3f78d0;
  /* type — display scale (landing) */
  --fs-hero:44px; --fs-h2-display:28px;
  /* type — content scale (every other page) */
  --fs-h1:30px; --fs-h2:20px; --fs-h3:16px;
  --fs-body:15px; --fs-small:13px;
  --lh-body:1.7; --lh-tight:1.65;
  /* layout */
  --wrap-wide:1080px; --wrap-content:900px; --wrap-docs:820px; --wrap-prose:760px;
  --pad-x:22px;
  /* shape */
  --radius:14px;      /* cards / panels / CTA boxes */
  --radius-code:12px; /* pre code blocks */
  --radius-btn:10px;  /* buttons */
}