/* Brings the older demo pages into the site's design: same palette, type and
   light/dark choice as the home page. Loaded after each page's own styles. */
:root, :root[data-theme="light"] { --bg: #F4F6F3; --surface: #FFFFFF; --surface2: #EAEEEA; --burgundy: #8B2635; --burgundy2: #A3303F; --burgundy-light: #A3303F; --silver: #44524F; --silver-dim: #5F6B68; --muted: #5F6B68; --text: #14211F; --white: #14211F; --border: #DCE2DE; --border2: #DCE2DE; --black: #F4F6F3; --black-2: #FFFFFF; --black-3: #EAEEEA; --border-hover: #8B2635; --burgundy-l: #A3303F; --burgundy-glow: color-mix(in srgb, #8B2635 10%, transparent); --burgundy-dim: color-mix(in srgb, #8B2635 16%, transparent); --border-active: #8B2635; --mono: 'Instrument Sans', system-ui, sans-serif; --serif: 'Bricolage Grotesque', system-ui, sans-serif; }
:root[data-theme="dark"] { --bg: #0E1513; --surface: #16201D; --surface2: #1B2724; --burgundy: #E07C8A; --burgundy2: #EC93A0; --burgundy-light: #EC93A0; --silver: #BAC6C2; --silver-dim: #9AA7A3; --muted: #9AA7A3; --text: #E7EEEB; --white: #E7EEEB; --border: #2A3833; --border2: #2A3833; --black: #0E1513; --black-2: #16201D; --black-3: #1B2724; --border-hover: #E07C8A; --burgundy-l: #EC93A0; --burgundy-glow: color-mix(in srgb, #E07C8A 10%, transparent); --burgundy-dim: color-mix(in srgb, #E07C8A 16%, transparent); --border-active: #E07C8A; --mono: 'Instrument Sans', system-ui, sans-serif; --serif: 'Bricolage Grotesque', system-ui, sans-serif; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --bg: #0E1513; --surface: #16201D; --surface2: #1B2724; --burgundy: #E07C8A; --burgundy2: #EC93A0; --burgundy-light: #EC93A0; --silver: #BAC6C2; --silver-dim: #9AA7A3; --muted: #9AA7A3; --text: #E7EEEB; --white: #E7EEEB; --border: #2A3833; --border2: #2A3833; --black: #0E1513; --black-2: #16201D; --black-3: #1B2724; --border-hover: #E07C8A; --burgundy-l: #EC93A0; --burgundy-glow: color-mix(in srgb, #E07C8A 10%, transparent); --burgundy-dim: color-mix(in srgb, #E07C8A 16%, transparent); --border-active: #E07C8A; --mono: 'Instrument Sans', system-ui, sans-serif; --serif: 'Bricolage Grotesque', system-ui, sans-serif; } }
html body { background: var(--bg) !important; color: var(--text) !important; font-family: 'Instrument Sans', system-ui, sans-serif !important; font-weight: 400 !important; font-size: 17px; line-height: 1.6; }
body::before, body::after { display: none !important; }
body input, body select, body textarea { background: var(--surface) !important; color: var(--text) !important; border: 1px solid var(--line, var(--border)) !important; border-radius: 10px !important; font: inherit !important; }
body input::placeholder, body textarea::placeholder { color: var(--muted) !important; }
.theme-toggle { display: none !important; }
.btn-summarize { color: #fff !important; }