/* 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 theme "blue" (default) – after the previous website: blue on white. */ --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; } :root[data-theme="gold"] { --accent: #f7bd67; --accent-deep: #e0a13f; --accent-soft: #f7e3c0; --accent-contrast: #313131; --brand: #313131; --logo-score: #4a4238; --header-bg: #f7bd67; --header-fg: #313131; --header-rule: #313131; --tint: #f7f3ea; --tint-rule: #e6dccb; --tint-rule-soft: #efe8dc; --dark: #313131; --dark-fg: #f4efe6; } :root[data-theme="bordeaux"] { --accent: #7a1f2b; --accent-deep: #5e1520; --accent-soft: #f1dfe1; --accent-contrast: #ffffff; --brand: #7a1f2b; --logo-score: #4a3a3c; --header-bg: #fbf7f4; --header-fg: #2b2224; --header-rule: #7a1f2b; --tint: #f7f1ee; --tint-rule: #e6d8d3; --tint-rule-soft: #efe5e1; --dark: #2b1418; --dark-fg: #f3e9e6; } :root[data-theme="green"] { --accent: #2f5d50; --accent-deep: #22463c; --accent-soft: #dcebe4; --accent-contrast: #ffffff; --brand: #2f5d50; --logo-score: #3d4a45; --header-bg: #f4f7f5; --header-fg: #1f2a26; --header-rule: #2f5d50; --tint: #eef3ef; --tint-rule: #d6e2da; --tint-rule-soft: #e3ece6; --dark: #16302a; --dark-fg: #e9f1ec; } :root[data-theme="graphite"] { --accent: #222222; --accent-deep: #000000; --accent-soft: #e6e6e6; --accent-contrast: #ffffff; --brand: #111111; --logo-score: #555555; --header-bg: #ffffff; --header-fg: #111111; --header-rule: #111111; --tint: #f3f3f2; --tint-rule: #dddddd; --tint-rule-soft: #e9e9e9; --dark: #111111; --dark-fg: #f2f2f2; } :root[data-theme="night"] { --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; }