:root { /* ============================================================ BRAND / ACCENT COLORS Swap only these three when reusing this template for a new site — everything else derives from them. ============================================================ */ --doc-accent: #216778; --doc-accent-dark: #184e5c; --doc-accent-soft: #008080; /* ============================================================ LIGHT THEME (default) This is the theme that renders if data-theme is never set — i.e. exactly what every page using this file looked like before dark mode existed. Nothing changes for a page that doesn't add the toggle button / flash-free script. ============================================================ */ --doc-bg: #f7f8fa; --doc-surface: #ffffff; --doc-text: #222; --doc-muted: #666; --doc-heading: var(--doc-accent); --doc-link: var(--doc-accent); --doc-link-hover: var(--doc-accent-soft); --doc-border: #ddd; /* Button text color — kept as a token instead of a hardcoded "white" so a theme that uses a light accent color can flip it. */ --doc-btn-text: #ffffff; /* Shadow color as an rgb triplet (not full rgba) so shadow opacity can still be tuned per-rule via rgba(var(--doc-shadow-rgb), x) */ --doc-shadow-rgb: 0, 0, 0; --doc-radius: 14px; --doc-shadow: 0 10px 30px rgba(var(--doc-shadow-rgb), .08); --doc-shadow-btn: 0 6px 16px rgba(var(--doc-shadow-rgb), .18); --doc-shadow-btn-hover: 0 10px 22px rgba(var(--doc-shadow-rgb), .22); --doc-width: 1200px; --doc-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; } /* ================================================================ DARK THEME OVERRIDE Only applies when . Toggled by the .theme-toggle button (see legal-document.js) and set flash-free by the inline