/* shared/theme.css — the canonical five-theme palette (2026-09, Phase 6.2). * * Source: the six `[data-theme]` blocks that were duplicated across all nine * /admin/* pages (byte-identical there except for `--ok`, present on * admin/analytics + admin/librarian and DRIFTED on admin/telemetry for the * violet/blue themes; telemetry's values were NOT carried — see the --ok * comment below). Selector form matches where shared/user-chip.js's * themedEl() writes the attribute (`document.documentElement`, i.e. * ``): `html[data-theme="…"]`. * * Consumers (2026-09, Phase 10.2): every admin page, the two refusal pages, * bookshelf, feedback, landing and the five login pages (through * login/sefer.css). The pre-10.2 names (gold, ink, amber, border-soft, * accent-soft, bg-elev, ink-dim, ink-faint) were renamed site-wide to the * canonical family below and the transitional alias block was deleted; * tests/test_theme_tokens.py fails on any file that reintroduces one. The * Research Room, the Catalog, the Librarian, the calendar family, prayers, * places, refs and the bibliography keep their OWN palettes (light by * default, green/violet/blue accents) under the same token names; they do * not load this file. * * `--bg`, `--bg-deep`, `--border-strong`, `--btn-ink`, `--danger` were * already canonical names on every admin page — carried unchanged. * `--divider`, `--accent-light`, `--shadow`, `--shadow-pop` had no /admin/ * source: values are derived from each theme's own ink/accent colours in the * same proportions librarian/app.css and today-in-breslov/carousel use for * the equivalent roles. */ :root { --bg: #060707; --bg-deep: #030404; --bg-card: #14120d; --text: #f2ece0; --text-muted: rgba(242,236,224,.82); --text-faint: rgba(242,236,224,.58); --accent: #d4a017; --accent-hover: #f2a93c; --accent-light: rgba(212,160,23,.14); --border: rgba(242,236,224,.12); --border-strong: rgba(242,236,224,.22); --divider: rgba(242,236,224,.07); --btn-ink: #0d0a05; --danger: #c25b4a; --ok: #7ba05b; --shadow: 0 1px 3px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.6); --shadow-pop: 0 12px 32px rgba(0,0,0,.55); } html[data-theme="light"] { --bg: #f1e8d4; --bg-deep: #e3d9c0; --bg-card: #f7f1e2; --text: #15100a; --text-muted: rgba(21,16,10,.94); --text-faint: rgba(21,16,10,.72); --accent: #8a6510; --accent-hover: #b67815; --accent-light: rgba(138,101,16,.14); --border: rgba(21,16,10,.16); --border-strong: rgba(21,16,10,.42); --divider: rgba(21,16,10,.08); --btn-ink: #fdf8ec; --danger: #96301f; --ok: #4e7030; --shadow: 0 1px 3px rgba(80,60,30,.08), 0 8px 24px -12px rgba(80,60,30,.16); --shadow-pop: 0 12px 32px rgba(80,60,30,.22); } html[data-theme="parchment"] { --bg: #c8a77b; --bg-deep: #b08e63; --bg-card: #d8bd95; --text: #1f1709; --text-muted: rgba(46,36,23,.94); --text-faint: rgba(46,36,23,.72); --accent: #7c5a0e; --accent-hover: #a86e14; --accent-light: rgba(124,90,14,.14); --border: rgba(46,36,23,.18); --border-strong: rgba(46,36,23,.44); --divider: rgba(46,36,23,.09); --btn-ink: #fdf8ec; --danger: #8c2c1c; --ok: #46621f; --shadow: 0 1px 3px rgba(46,36,23,.14), 0 8px 24px -12px rgba(46,36,23,.22); --shadow-pop: 0 12px 32px rgba(46,36,23,.3); } html[data-theme="violet"] { --bg: #312755; --bg-deep: #271d46; --bg-card: #3a2f63; --text: #ddd3ee; --text-muted: rgba(221,211,238,.84); --text-faint: rgba(221,211,238,.56); --accent: #d4a017; --accent-hover: #f2a93c; --accent-light: rgba(212,160,23,.14); --border: rgba(221,211,238,.13); --border-strong: rgba(221,211,238,.26); --divider: rgba(221,211,238,.07); --btn-ink: #170f30; --danger: #d3776a; --ok: #8fb96a; --shadow: 0 1px 3px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.6); --shadow-pop: 0 12px 32px rgba(0,0,0,.55); } html[data-theme="blue"] { --bg: #15202e; --bg-deep: #0d161f; --bg-card: #1b2938; --text: #e6edf5; --text-muted: rgba(230,237,245,.84); --text-faint: rgba(230,237,245,.56); --accent: #d4a017; --accent-hover: #f2a93c; --accent-light: rgba(212,160,23,.14); --border: rgba(230,237,245,.13); --border-strong: rgba(230,237,245,.26); --divider: rgba(230,237,245,.07); --btn-ink: #0d161f; --danger: #d3776a; --ok: #8fb96a; --shadow: 0 1px 3px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.6); --shadow-pop: 0 12px 32px rgba(0,0,0,.55); } html[data-theme="dark"] { --bg: #060707; --bg-deep: #030404; --bg-card: #14120d; --text: #f2ece0; --text-muted: rgba(242,236,224,.82); --text-faint: rgba(242,236,224,.58); --accent: #d4a017; --accent-hover: #f2a93c; --accent-light: rgba(212,160,23,.14); --border: rgba(242,236,224,.12); --border-strong: rgba(242,236,224,.22); --divider: rgba(242,236,224,.07); --btn-ink: #0d0a05; --danger: #c25b4a; --ok: #7ba05b; --shadow: 0 1px 3px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.6); --shadow-pop: 0 12px 32px rgba(0,0,0,.55); }