/* SignalTuned public-page theme — Mercury palette + Orbitron (wordmark) + Exo (body).
Loaded by /privacy, /terms, /model-card, /methodology. AS-5 Session 92.
Keep this stylesheet self-contained — public pages are server-rendered
without the SPA's CSS pipeline, so everything they need lives here. */
/* Day-5 bug #8 fix (2026-05-14): @import must come BEFORE any rules per CSS
spec, otherwise it's silently ignored. Previously sat below the :root
blocks, so Orbitron never loaded — wordmark fell back to Exo body font. */
@import url('https://fonts.googleapis.com/css2?family=Exo:wght@400;500;700&family=Orbitron:wght@400;500;700&display=swap');
/* Design system = single source of truth for tokens + components.
public-pages.css now maps its legacy --st-* tokens onto the DS palette below,
so every public page reskins from one place. (Uplift 2026-05-30) */
@import url('/static/brand/signaltuned-ds.css?v=cssb7cf993003');
:root {
/* Legacy --st-* tokens remapped onto the DS palette (signaltuned-ds.css). */
--st-bg: var(--bg);
--st-surface: var(--bg-2);
--st-text: var(--tx);
--st-muted: var(--tx-mut);
--st-primary: var(--accent);
--st-accent: var(--accent-text);
--st-wordmark: var(--tx);
--st-border: var(--line);
--st-success: #2BE08A;
--st-warning: var(--amber);
--st-danger: var(--rose);
}
@media (prefers-color-scheme: light) {
:root {
color-scheme: light;
/* DS light palette, resolved as hex so the OS-driven media query keeps
working without needing a body[data-theme] attribute. */
--st-bg: #f3f3f7;
--st-surface: #ffffff;
--st-text: #232838;
--st-muted: #5b6072;
--st-primary: #6a4fd6;
--st-accent: #6a4fd6;
--st-wordmark: #232838;
--st-border: #e3e3ec;
}
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
background: var(--st-bg);
color: var(--st-text);
font-family: 'Saira', 'Exo', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-weight: 400;
line-height: 1.55;
font-size: 15px;
letter-spacing: -0.006em;
}
/* Page container */
.page,
body > * {
/* Permit pages that wrap content in their own .page div, and pages that
dump content straight under , to both render with sane margins. */
}
.page {
max-width: 880px;
margin: 0 auto;
padding: 48px 24px 96px;
}
/* Constrain bare-body content too — privacy.html and terms.html dump ,
,
straight under without a container. */
body > h1, body > h2, body > h3, body > h4, body > p, body > ul, body > ol,
body > div, body > section, body > article, body > header, body > footer,
body > nav.top-bar, body > .meta {
max-width: 880px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}
/* Top nav */
nav.top, nav.top-bar {
display: flex;
gap: 24px;
align-items: center;
margin-bottom: 56px;
padding: 24px;
border-bottom: 1px solid var(--st-border);
font-size: 13px;
max-width: none;
}
nav.top a, nav.top-bar a {
color: var(--st-muted);
text-decoration: none;
transition: color 0.15s;
}
nav.top a:hover, nav.top-bar a:hover { color: var(--st-accent); }
nav.top a.brand, nav.top-bar a.brand {
color: var(--st-wordmark);
font-weight: 500;
margin-right: auto;
font-family: 'Orbitron', 'Exo', sans-serif;
letter-spacing: 0.02em;
}
nav.top a.brand:hover, nav.top-bar a.brand:hover { color: var(--st-primary); }
/* Compatibility shim: existing legal pages use not