/* ─── Design tokens, for pages with no :root block of their own ─────────────
   Verbatim copy of styles.css's own :root block (the historical pages'
   stylesheet, apps/publicsite/static_pages/styles.css). Extracted rather
   than loading styles.css itself: that file also carries 2700+ lines of
   page-specific rules for #nav, .nav-links, #footer, .footer-*, #event-banner
   and more, all superseded by site-chrome.css for pages using the shared
   chrome (see site-chrome.css's own docstring): loading the whole file here
   would hand the blog a second, competing copy of exactly the rules R1 just
   consolidated into one place.

   Not merged into site-chrome.css either: that file deliberately keeps its
   own tokens off :root, precisely so legacy pages that declare their own
   :root block (rse.html, for one) are not silently overridden by it. This
   file exists for the opposite situation: a page with no :root block at all,
   first hit by the Django-templated blog (see
   apps/publicsite/templates/publicsite/base.html), which loaded neither
   styles.css nor anything else defining these on :root, so every var(--x) in
   blog.css fell back to nothing.

   Copied by hand from styles.css; nothing here should drift from it
   silently if that file's palette ever changes. */
:root {
    --teal: #7AC4B8;
    --teal-d: #4EA89C;
    --teal-darker: #2d8a7e;
    --gold: #C8A96E;
    --gold-d: #a8893e;
    --gold-darker: #8a6830;
    --ink: #1A1A18;
    --cream: #F4F3EE;
    --bg: #1A1A18;
    --bg-soft: #222220;
    --bg-card: #1e1e1c;
    --text: #FAFAF8;
    --text-sub: rgba(250,250,248,.72);
    --text-mute: rgba(250,250,248,.55);
    --border: rgba(255,255,255,.1);
    --border-s: rgba(255,255,255,.06);
    --shadow: rgba(0,0,0,.4);
    --nav-bg: rgba(26,26,24,.92);
    --modal-bg: #1e1e1c;
    --input-bg: rgba(255,255,255,.06);
    --serif: 'Playfair Display',Georgia,serif;
    --sans: 'DM Sans',system-ui,sans-serif;
    --quote: 'Cormorant Garamond',Georgia,serif;
    --gutter: clamp(1.25rem,4vw,3rem);
    --section: clamp(4rem,9vw,7rem);
    --radius: 6px;
    --radius-lg: 10px;
    --max-w: 1280px;
}