/* Design tokens. The public site is themed through the semantic variables below (data-theme on ); the admin keeps the fixed palette (--gold, --cream, --ink …). */ :root { --gold: #f7bd67; --gold-deep: #e0a13f; --gold-soft: #f7e3c0; --cream: #f7f3ea; --paper: #ffffff; --ink: #313131; --ink-soft: #5c5854; --ink-mute: #8a857e; --rule: #e6dccb; --rule-soft: #efe8dc; --live: #c8322b; --ok: #3a7d44; --font-body: 'Libre Franklin', 'Helvetica Neue', Arial, sans-serif; --font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif; --measure: 68ch; --radius: 4px; --shadow: 0 1px 2px rgba(49, 49, 49, 0.06), 0 8px 24px rgba(49, 49, 49, 0.06); /* Public light theme "blue" – after the previous website: blue on white. Dark theme "night" below. */ --accent: #0066cc; --accent-deep: #0055bb; --accent-soft: #dce9f8; --accent-contrast: #ffffff; --brand: #0066cc; --logo-score: #333333; --header-bg: #ffffff; --header-fg: #1d1d1d; --header-rule: #0066cc; --tint: #f2f6fb; --tint-rule: #d9e3ef; --tint-rule-soft: #e7eef6; --dark: #0f2a4a; --dark-fg: #eef3fa; /* Status colours (notices, badges, form errors) */ --ok-bg: #eaf5ec; --ok-rule: #bcdcc3; --warn-bg: #fbebea; --warn-rule: #efc4c0; --error: #b3261e; --rec-bg: #e8eef8; --rec-fg: #2b4b86; --draft-bg: #eeeeee; --draft-fg: #666666; --draft-rule: #aaaaaa; } :root[data-theme="night"] { color-scheme: dark; --paper: #14171d; --ink: #e9e6df; --ink-soft: #c2bdb3; --ink-mute: #8f8a80; --rule: #2c313a; --rule-soft: #232830; --shadow: 0 1px 2px rgba(0,0,0,0.4), 0 8px 24px rgba(0,0,0,0.4); --accent: #8fb4ff; --accent-deep: #6f9bf0; --accent-soft: #23304a; --accent-contrast: #0f1320; --brand: #8fb4ff; --logo-score: #b9b3a7; --header-bg: #0f1218; --header-fg: #e9e6df; --header-rule: #8fb4ff; --tint: #1b1f27; --tint-rule: #2c313a; --tint-rule-soft: #232830; --dark: #05070b; --dark-fg: #e9e6df; --ok-bg: #15291c; --ok-rule: #2b5236; --warn-bg: #33191a; --warn-rule: #6a3030; --error: #ff9a91; --rec-bg: #1f2d48; --rec-fg: #a9c4ff; --draft-bg: #262a31; --draft-fg: #b3ada3; --draft-rule: #5a5f68; } /* No explicit choice (data-theme="auto"): follow the device. Keep in sync with the block above. */ @media (prefers-color-scheme: dark) { :root[data-theme="auto"] { color-scheme: dark; --paper: #14171d; --ink: #e9e6df; --ink-soft: #c2bdb3; --ink-mute: #8f8a80; --rule: #2c313a; --rule-soft: #232830; --shadow: 0 1px 2px rgba(0,0,0,0.4), 0 8px 24px rgba(0,0,0,0.4); --accent: #8fb4ff; --accent-deep: #6f9bf0; --accent-soft: #23304a; --accent-contrast: #0f1320; --brand: #8fb4ff; --logo-score: #b9b3a7; --header-bg: #0f1218; --header-fg: #e9e6df; --header-rule: #8fb4ff; --tint: #1b1f27; --tint-rule: #2c313a; --tint-rule-soft: #232830; --dark: #05070b; --dark-fg: #e9e6df; --ok-bg: #15291c; --ok-rule: #2b5236; --warn-bg: #33191a; --warn-rule: #6a3030; --error: #ff9a91; --rec-bg: #1f2d48; --rec-fg: #a9c4ff; --draft-bg: #262a31; --draft-fg: #b3ada3; --draft-rule: #5a5f68; } }