/* GREEN JOBS GALORE — the site's own look, in one file, for the record page to wear.
 *
 * WHY THIS FILE EXISTS
 * --------------------
 * THE RECORD STANDARD says the record page must wear the SITE'S look — same fonts, same colours — while the
 * page's STRUCTURE stays the standard's (Bryan, 2026-10-24: *"it needs to blend in seamlessly to the website
 * itself … in terms of the look and feel, fonts, colors"*). The standard's renderer takes the site's
 * stylesheet on its `--site-css` argument and reads six token names out of it:
 *
 *     --bg  --panel  --line  --ink  --dim  --accent
 *
 * This site has no external stylesheet: its pages carry an inline `<style>` block plus Tailwind from a CDN.
 * So the palette is stated here, ONCE, and the record page links this file. The site's own pages keep their
 * inline styles — this file changes nothing about how the site looks.
 *
 * ⚠️ WHERE EVERY VALUE COMES FROM — measured, never invented:
 *   · The five site colours below are the palette this project has already written down and shipped:
 *     the `:root` block of the previous record page (`record.html` at commit 50759b0), which was built to
 *     match the site and which Bryan has seen live. `theme.css` is that same palette, under the standard's
 *     token names, plus the site's own names kept as aliases so a reader can see the mapping.
 *   · `--dim` is the ONE value that block did not name. It is DERIVED, not invented: the site's own ink
 *     (#2b2a26) over the site's own ground (#fdfbf7) at 72% opacity = #666561 — measured contrast 5.65:1
 *     on that ground, so it passes WCAG AA for body text. If the ink or the ground moves, this moves.
 *
 * ⚠️ AND IT IS HELD IN STEP BY A CHECK, NOT BY DISCIPLINE: `tests/guard_checks.py` fails the suite if any
 * token here stops matching the value written in the site's own pages. Two palettes that disagree IS the
 * drift the standard exists to prevent, so the pair is asserted rather than trusted.
 */

:root {
    /* ---- the standard's token names (what the record page reads) ---- */
    --bg:      #fdfbf7;   /* the site's ground — `body { background:#fdfbf7 }` */
    --panel:   #ffffff;   /* the site's cards sit on white */
    --line:    #e6e2d6;   /* the site's rule colour */
    --ink:     #2b2a26;   /* the site's body text */
    --dim:     #666561;   /* DERIVED: ink at 72% over the ground. 5.65:1 — passes AA */
    --accent:  #d98b2b;   /* the site's amber — the submit button's own colour */

    /* ---- the site's own names, kept as aliases so nothing is lost in the rename ---- */
    --green:   #2f4a34;   /* header and footer ground */
    --olive:   #6f7a4a;
    --amber:   #d98b2b;
    --sand:    #f2f1e6;
    --cream:   #fdfbf7;
}

/* The site's type: Georgia for headings, the system stack for everything else. Set here so the record
   page's headings and body match the site's without the record page hard-coding a colour or a face the
   site owns — the standard's own stylesheet sets no family beyond a system stack, so this wins by
   inheritance. */
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    background: var(--bg);
    color: var(--ink);
}

h1, h2, h3 {
    font-family: Georgia, 'Iowan Old Style', 'Palatino Linotype', serif;
    font-weight: 400;
    letter-spacing: -0.01em;
}