/* ============================================================
   Ledgerdoc — Docs & Changelog template
   TOKENS: the customization layer.

   Everything brand-critical lives here. Change these values to
   rebrand the template; you should not need to touch index.html
   except for copy and content.
   ============================================================ */
:root {
  /* ---------- Ground & surface ---------- */
  --ground: #0D0F12;        /* page background — cool near-black */
  --surface: #11151A;       /* panels, sidebar wells, cards */
  --code: #151A1F;          /* code block surface */
  --raised: #1A2027;        /* hover states, active nav, chips */

  /* ---------- Text ---------- */
  --type: #E6E8EA;          /* body + headings */
  --muted: #A3A9B0;         /* secondary text (AA-lifted, never #7a7a7a) */
  --faint: #858D95;         /* line numbers, timestamps, code comments (AA on every dark ground) */

  /* ---------- Accent ---------- */
  --accent: #4ADE80;        /* terminal green — CTAs, active TOC, GET chips */
  --accent-dim: #2FA85C;    /* accent hover / pressed */
  --accent-wash: rgba(74, 222, 128, .10); /* active-row wash */

  /* ---------- Method chips (semantic, not decorative) ---------- */
  --get: #4ADE80;
  --post: #60A5FA;
  --patch: #FBBF24;
  --delete: #F87171;

  /* ---------- Rules & shape ---------- */
  --rule: rgba(230, 232, 234, .10);
  --rule-strong: rgba(230, 232, 234, .18);
  --radius: 0px;            /* system (a) — sharp editorial throughout */

  /* ---------- Signature grid ---------- */
  --grid-line: rgba(230, 232, 234, .04);
  --grid-size: 64px;

  /* ---------- Typography ----------
     Loaded via the Google Fonts <link> in index.html <head>.
     To change a face: update that <link>, then update the stack below. */
  --font-sans: "Inter Tight", system-ui, sans-serif;   /* display + UI */
  --font-mono: "IBM Plex Mono", ui-monospace, monospace; /* code + labels */

  /* ---------- Motion ---------- */
  --ease: cubic-bezier(.16, 1, .3, 1);
}

/* defensive: prevent any stray horizontal scroll (clip, not hidden — keeps position:sticky working) */
html { overflow-x: clip; }