/* Shared styles for the yaomi auxiliary pages (admin/users/leads/profile/privacy). Extracted 2026-07-17 to end per-page drift. */ @font-face { font-family:"Fraunces"; font-style:normal; font-weight:600 900; font-display:swap; src:url("/fonts/fraunces.woff2") format("woff2"); } @font-face { font-family:"Newsreader"; font-style:normal; font-weight:400 600; font-display:swap; src:url("/fonts/newsreader.woff2") format("woff2"); } /* No italic face is shipped — see the note in style.css; italics synthesize. */ @font-face { font-family:"Space Mono"; font-style:normal; font-weight:400; font-display:swap; src:url("/fonts/space-mono.woff2") format("woff2"); } /* Editorial "shine" brand (brand-style-guide.md): paper / ink / oxblood / gold. */ :root { color-scheme: light; --paper: #F4EEE2; --paper-raised: #FCF8F0; --paper-input: #FFFFFF; --ink: #211C16; --ink-secondary: #5E5547; --ink-tertiary: #71654E; /* AA on paper */ --oxblood: #7C2A1E; --oxblood-dark: #5E2017; --gold: #C2A24E; --gold-deep: #A07C32; --border: #D9CDB6; --border-strong: #C9B998; --border-input: #9A8460; --danger: #A83523; --danger-border: #E3B8AD; --ready-ink: var(--ink-secondary); /* legacy alias, equals --ink-secondary */ --font-display: "Fraunces", Georgia, "Times New Roman", serif; --font-body: "Newsreader", Georgia, "Times New Roman", serif; font-family: var(--font-body); } /* Dark theme for the *authenticated* aux pages (admin/users/leads/profile). Deliberately scoped to [data-theme="dark"] and NOT to a bare prefers-color-scheme query: privacy.html (and error.html) also load this sheet but belong to the light-only landing side, and they never stamp the attribute, so they stay light no matter the OS preference. The system preference is resolved in JS by the inline stamp on the four pages that opt in. Values mirror static/style.css; see the rationale there. */ :root[data-theme="dark"] { color-scheme: dark; --paper: #17130F; --paper-raised: #1F1A15; --paper-input: #26201A; --ink: #F2EADC; --ink-secondary: #CDC1AD; --ink-tertiary: #A2957F; --oxblood: #E29078; --oxblood-dark: #EFA791; --gold: #C9AC5E; --gold-deep: #E0C47D; --border: #3A322A; --border-strong: #786A57; --border-input: #8E7E68; --danger: #F09580; --danger-border: #A55B4B; } * { box-sizing: border-box; } body { margin: 0; background: var(--paper); color: var(--ink); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } .skip-link { position: absolute; left: -9999px; top: 0; z-index: 100; background: var(--oxblood); color: var(--paper); padding: 10px 16px; border-radius: 8px; text-decoration: none; } .skip-link:focus { left: 8px; top: 8px; outline: 2px solid var(--paper); outline-offset: 2px; } .visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; } .note--error { color: var(--danger); }