:root { /* Surfaces / page chrome */ --neutral-layer-1: #f5ebdf; --neutral-layer-2: #f0e2d2; --surface-card: #fefbf7; --surface-elevated: #ffffff; --bg-page: #fbf6ef; --bg-sidebar: #f4ede5; --bg-topbar: #ffffff; --bg-rightpanel: #f8f2ea; /* Text */ --text-primary: #1f1f1f; --text-secondary: #555555; --text-tertiary: #777777; --text-muted: #999999; /* Accents (coral) */ --accent: #D85A30; --accent-deep: #B14A23; --accent-hover: #993C1D; --accent-tint: #f3d4c1; --on-accent: #ffffff; /* Org avatar fallback */ --org-avatar: #2d7878; /* Borders */ --border-soft: #e0d8c9; --border-input: #c9c2b3; /* Danger */ --danger: #c14a3c; --danger-hover: #a23a2d; --danger-tint: #fcebea; /* Hover overlay used on neutral buttons / nav items. Slightly different per mode: a dark wash on light surfaces, a light wash on dark. */ --hover-overlay: rgba(0, 0, 0, 0.05); --hover-overlay-strong: rgba(0, 0, 0, 0.08); /* Backdrops dim the page on top of either mode — kept rgba black so both modes render the same overlay. */ --backdrop-strong: rgba(0, 0, 0, 0.35); --backdrop-soft: rgba(0, 0, 0, 0.25); --font-serif: "Instrument Serif", Georgia, "Times New Roman", serif; --font-sans: "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color-scheme: light; } /* Dark mode tokens. Applied either by an explicit user choice (data-theme on set by wwwroot/js/theme.js) or by the OS preference when the user has chosen "Auto" — the JS resolves "Auto" to one of light/dark before stamping data-theme, so the @media query below only acts as a graceful fallback when the JS hasn't run yet (initial flash protection lives in the inline