/* Shared design tokens (panel audit 2026-06-11, roadmap item 10).
   Single source of truth for the site palette and type stack, extracted from
   index.html's canonical :root. Pages load this BEFORE their inline <style>,
   so a page-level :root line still overrides when a page needs to differ.
   Layout tokens (--nav-h, --max-w) stay per-page on purpose. */
:root {
    --bg: #f8f6f3;
    --bg-white: #ffffff;
    --bg-alt: #f1eeea;
    --bg-dark: #162032;
    --bg-dark-light: #1e2d45;
    --text-heading: #162032;
    --text-body: #2d3748;
    --text-muted: #5a6778;
    --text-on-dark: #edf2f7;
    --text-on-dark-muted: #a8bcce;
    --accent: #0d7377;
    --accent-hover: #0a5e61;
    --accent-light: rgba(13, 115, 119, 0.07);
    --accent-warm: #c27a3c;
    --border: #e0dbd5;
    --border-dark: #2a3f5f;
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.04);
    --shadow-md: 0 4px 16px rgba(0,0,0,0.06);
    --shadow-lg: 0 12px 32px rgba(0,0,0,0.08);
    --serif: 'Instrument Serif', Georgia, serif;
    --sans: 'Plus Jakarta Sans', system-ui, sans-serif;
    --mono: 'IBM Plex Mono', 'Courier New', monospace;
}