/* Preview palette: forest green with silver or black accents. */
:root{--text:#f2f0e5;--accent:#cbd0d2;--accent-ink:#15201b}
.button:not(.secondary){background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.button:not(.secondary):hover{background:#e9eced;border-color:#e9eced;filter:none}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:var(--accent)}
.clean-formats button[aria-pressed=true],.clean-formats button:hover{border-color:var(--accent)}
.clean-formats button[aria-pressed=true] strong{color:var(--accent)}
.milestones button[aria-pressed=true]{border-top-color:var(--accent);color:var(--accent)}
.story-controls button[aria-selected=true]{border-bottom-color:var(--accent);color:var(--accent);background:#193527}
.story-type strong{color:var(--text)}
.story-underline{background:var(--accent)}
.idea-starter-options button:hover,.idea-starter-options button[aria-pressed=true]{border-color:var(--accent)}
.idea-starter-options button[aria-pressed=true] span{color:var(--accent)}
.bonus-card summary>.eyebrow{color:var(--accent)}
.output{color:var(--text)}
.price-card .price{color:var(--text)}
.mode button[aria-checked=false] .toggle{background:var(--accent);border-color:var(--accent)}
.mode button[aria-checked=false] b{color:var(--accent)}
.mode button[aria-checked=false]{border-color:#cbd0d270}
body.intro-off .intro-content h1 em{color:var(--accent)}

/* Palette controls are for this design preview only. */
:root{--button-fill:linear-gradient(135deg,#eef0f1 0%,#c3c9cd 55%,#e0e4e6 100%)}
.button:not(.secondary){background:var(--button-fill)}
h2 em,.hero h1 em{color:var(--accent)}
html[data-palette="black"]{--accent:#d1d5d3;--accent-ink:#f0f2ed;--button-fill:#0a0c0b}
html[data-palette="black"] .button:not(.secondary){border-color:#77817c;box-shadow:inset 0 1px 0 #ffffff12}
html[data-palette="black"] .button:not(.secondary):hover{background:#202521;border-color:#d1d5d3}
html[data-palette="black"] .clean-formats button[aria-pressed=true],html[data-palette="black"] .story-controls button[aria-selected=true],html[data-palette="black"] .idea-starter-options button[aria-pressed=true]{background:#090d0b}
html[data-palette="black"] .price-card{background:#0a100d;border-color:#637269}
html[data-palette="black"] .mode button[aria-checked=false] .toggle{background:#080b09;border-color:#a0aaa4}
html[data-palette="black"] .mode button[aria-checked=false] .toggle:after{background:#e5e9e6}
.palette-preview{position:fixed;z-index:100;right:18px;bottom:18px;display:flex;align-items:center;gap:5px;padding:6px;background:#0b1610f5;border:1px solid #69776e;border-radius:40px;box-shadow:0 6px 24px #0005;font:12px/1.2 system-ui,sans-serif;letter-spacing:0}
.palette-preview span{padding:0 9px;color:#b9c4bc}
.palette-preview button{padding:9px 15px;border:1px solid transparent;border-radius:30px;background:transparent;color:#e2e7e3;font:inherit;cursor:pointer}
.palette-preview button[aria-pressed=true]{background:#d7dcde;color:#102017;border-color:#e7ebed}
.palette-preview button:focus-visible{outline:2px solid white;outline-offset:2px}