/* ============================================================
   CaseMargin design tokens — the single source of truth.

   These were previously copy-pasted into a :root block in every
   page (9 HTML files, each carrying a different subset), which is
   how --font-mono ended up with two different values and how a
   colour change meant editing nine files. Every page now links
   this instead; page-local <style> blocks keep only the styles
   that are genuinely specific to that page.
   ============================================================ */
:root {
    /* Surfaces + ink */
    --canvas:        #F7F6F3;
    --surface:       #FFFFFF;
    --ink:           #23211C;
    --ink-muted:     #8A8276;
    --border:        #E6E3DC;
    --border-strong: #D8D4CB;
    --accent:        #3E5C76;

    /* Semantic states */
    --pill-bg:       #FBF3DB;
    --pill-ink:      #8A6A1F;
    --ok-bg:         #EDF3EC;
    --ok-ink:        #346538;
    --err-bg:        #FDEBEC;
    --err-ink:       #9F2F2D;

    /* Type */
    --font-serif: "Newsreader", Georgia, serif;
    --font-sans:  "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
    --font-mono:  "Geist Mono", ui-monospace, monospace;

    /* Motion */
    --ease-expo: cubic-bezier(0.16, 1, 0.3, 1);
}