/* ============================================================ Synesaia ยท Design tokens (shared across all pages) ------------------------------------------------------------ Single source of truth for colors, fonts and core spacing. Edit here to change site-wide. Each page may still override individual variables in its own :root block if needed. Fonts: defaults to Lora (serif) + Public Sans (sans) + JetBrains Mono (mono). The runtime font-switcher in fonts-panel.js can override --serif / --sans / --mono via inline style on (which takes precedence over this). ============================================================ */ :root { /* Surface */ --bg: #0e0e0e; --bg-raised: #141414; /* Ink */ --ink: #f0ede8; --ink-muted: #8a8580; --ink-dim: #5a5853; /* Rules */ --rule: #1f1f1d; --rule-strong: #2a2a27; /* Accent */ --teal: oklch(0.62 0.085 195); --teal-soft: oklch(0.62 0.085 195 / 0.18); /* Typography */ --serif: "Lora", "Iowan Old Style", Georgia, serif; --sans: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace; /* Layout */ --pad-x: clamp(24px, 7vw, 120px); --rhythm: clamp(120px, 16vh, 200px); }