/* ── Public site design tokens ─────────────────────────────────────────────── Mirrors the portal's palette (theme/portal/ds/ds.css :root) so the public site and the data portal read as one system. Kept as a SEPARATE copy — not a shared import — so the two surfaces can evolve independently. If the portal palette changes and you want the public site to follow, update the values here too. Light/dark is driven by data-bs-theme on , exactly like the portal. */ :root { color-scheme: dark; --xc-bg-base: #1a1a1a; --xc-bg-surface: #252525; --xc-bg-elevated: #303030; --xc-bg-card: #2b2b2b; --xc-border: #424242; --xc-border-subtle: #2e2e2e; --xc-text: #e8e8e8; --xc-text-muted: #979797; --xc-text-faint: #787878; --xc-accent: #a8b4be; --xc-accent-hover: #b8c4ce; --xc-accent-dim: rgba(168,180,190,0.12); --xc-overlay-subtle: rgba(255,255,255,0.05); --xc-overlay-hover: rgba(255,255,255,0.08); /* Public typography + layout tokens (editorial: serif headlines, sans body) */ --xcp-serif: "Playfair Display", Georgia, "Times New Roman", serif; --xcp-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --xcp-measure: 68ch; /* readable body column */ --xcp-page: 1200px; /* max content width */ --xcp-gap: 32px; } :root[data-bs-theme="light"] { color-scheme: light; --xc-bg-base: #ededed; --xc-bg-surface: #f6f6f6; --xc-bg-elevated: #ffffff; --xc-bg-card: #fbfbfb; --xc-border: #cacaca; --xc-border-subtle: #e2e2e2; --xc-text: #1f1f1f; --xc-text-muted: #5c5c5c; --xc-text-faint: #8a8a8a; --xc-accent: #4a5a66; --xc-accent-hover: #34424c; --xc-accent-dim: rgba(74,90,102,0.12); --xc-overlay-subtle: rgba(0,0,0,0.04); --xc-overlay-hover: rgba(0,0,0,0.07); }