/* Friendly palette. Kept separate so the working brand can change easily. */
:root {
  --cream: #fffaf4;
  --ink: #233e57;
  --green: #28658c;
  --sage: #dceefa;
  --muted: #526a7d;
  --line: #d9e3ea;
  --orange: #ac4c35;
}
.announcement { background: #dceefa; color: #233e57; }
.announcement span { opacity: 1; color: #526a7d; }
.nav-config { border-color: #b8d3e5; }
.tiny-dot { background: #659bbb; }
.note-line { background: #9dbdd3; }
.hero-scene { background: #f8e4d6; }
.scene-orbit { border-color: #e5c7b6; }
.scene-star { color: #c58262; }
.device { background: linear-gradient(135deg, #4a5c6d, #203446 65%); box-shadow: 3px 4px 0 #172b3c, 0 35px 45px -20px #263e5660; }
.device-display { background: #143b56; border-color: #0f2a40; color: #f0f7fb; box-shadow: inset 0 0 30px #102a4670; }
.display-top { color: #c0dcf0; border-bottom-color: #d9efff28; }
.display-kicker, .wait-number span { color: #c0d9eb; }
.display-content h2, .display-content h3 { color: #f5f9fc; }
.display-pill { background: #d4ebff14; color: #d9edf9; border-color: #b8dfff30; }
.display-bottom { color: #b6d1e4; }
.device-light { background: #a2d9f3; }
.device-stand { background: linear-gradient(90deg, #203747, #546a7d, #24394d); }
.device-foot { background: linear-gradient(#596f80, #21384a); box-shadow: 0 16px 15px #23435b25; }
.button:hover { background: #1e557a; }
.strip { color: #546c82; }
.strip span+span:before { color: #83acc6; }
.art-park { background: #dceefa; }
.art-focus { background: #fae3d5; }
.art-counter { background: #e9e3f5; }
.tag { border-color: #748a9c80; }
.mini-device { background: #334c62; box-shadow: 0 22px 20px #29466230; }
.mini-device>div { background: #184b70; color: #edf7ff; }
.focus-object { background: #d99b7f; box-shadow: 0 24px 20px #73452e25; }
.focus-face { background: #6b403b; color: #fff2e8; }
.focus-knob { background: linear-gradient(135deg, #ffe2c9, #b77961); }
.counter-object { background: #fbf7ff; border-color: #cdc0df; color: #53416a; }
.preview-section { background: #edf5fc; }
.preview-copy h2 em { color: #28658c; }
.mode-tabs button { border-color: #aecbdf; }
.step-number { color: #5a82a2; }
.story-mark { background: #f4e4ed; color: #ad7e9c; }
.closing { background: #dceefa; color: #233e57; }
.closing .eyebrow, .closing>p:last-child { color: #526a7d; }
.button.light { background: #28658c; color: #fffaf4; border-color: #28658c; }
.button.light:hover { background: #1e557a; }
.config-notice { background: #edf5fc; }
legend span { color: #5a82a2; }
input, select { background: #fffdf9; border-color: #c3d4e0; }
.reset-button { border-bottom-color: #9cb4c7; }
.config-preview { background: #f8e4d6; }
.preview-status { border-color: #d6b8a5; }