/* Optional palettes requested for direct comparison. Graphite is the default. */
html[data-palette=coral]{--p-bg:#1d1919;--p-sidebar:#131111;--p-panel:#2a2323;--p-panel-top:#332829;--p-topbar:#211b1bdd;--p-accent:#ff9a83;--p-accent-hover:#ffb09d;--p-accent-dark:#47231c;--p-secondary:#f4cc85;--p-third:#9ed4d8;--p-fourth:#e5b690;--p-muted:#bca9a5;--p-light:#f3e8e5;--p-glow:#ff866425;--p-line:#79514b44;--p-hero-a:#49272b;--p-hero-b:#302025;--p-overlay:#49272bc7;--p-head:#49302d;--p-head2:#4b3c26;--p-head3:#2b3f42;--p-head4:#413328;--p-soft:#473331;--p-soft-text:#ebc5bb;--p-points-a:#614638;--p-points-b:#3d2b27;--p-check:#3d3325;--cyan:#ffb79f;--purple:#f4cc85;--amber:#f4cc85}
html[data-palette=blue]{--p-bg:#121820;--p-sidebar:#0c1119;--p-panel:#1c2633;--p-panel-top:#243347;--p-topbar:#151e2bd9;--p-accent:#82b3ff;--p-accent-hover:#a2c7ff;--p-accent-dark:#122c53;--p-secondary:#d0dced;--p-third:#8ed8e5;--p-fourth:#a4b8df;--p-muted:#a5b5ca;--p-light:#edf3fe;--p-glow:#448aff29;--p-line:#759dc333;--p-hero-a:#1b3762;--p-hero-b:#172539;--p-overlay:#19345fc7;--p-head:#263e5e;--p-head2:#303d50;--p-head3:#23434e;--p-head4:#2b354f;--p-soft:#283d57;--p-soft-text:#c1d6f4;--p-points-a:#2c4872;--p-points-b:#1d2f4a;--p-check:#2a3544;--cyan:#a5caff;--purple:#c3d7f4;--amber:#d9d5b6}
html[data-palette=coral],html[data-palette=blue]{background:var(--p-bg);--surface-shadow:0 16px 35px -17px #000b,inset 0 1px 0 #ffffff0b}
:is([data-palette=coral],[data-palette=blue]) body,:is([data-palette=coral],[data-palette=blue]) .workspace{background:radial-gradient(ellipse at 95% 0%,var(--p-glow),transparent 55%),var(--p-bg)}
:is([data-palette=coral],[data-palette=blue]) .sidebar{background:var(--p-sidebar);border-color:var(--p-line)}
:is([data-palette=coral],[data-palette=blue]) .demo-ribbon{background:var(--p-sidebar);color:var(--p-muted)}
:is([data-palette=coral],[data-palette=blue]) .demo-ribbon b{color:var(--p-soft-text)}
:is([data-palette=coral],[data-palette=blue]) .brand span{color:var(--p-accent);filter:drop-shadow(0 0 10px var(--p-glow))}
:is([data-palette=coral],[data-palette=blue]) .creator-mini{background:linear-gradient(125deg,var(--p-panel-top),var(--p-panel))}
:is([data-palette=coral],[data-palette=blue]) .creator-mini .creator-avatar{border-color:var(--p-soft)}
:is([data-palette=coral],[data-palette=blue]) .sidebar nav a{color:var(--p-muted)}
:is([data-palette=coral],[data-palette=blue]) .sidebar nav a:hover{background:var(--p-soft);color:var(--p-light)}
:is([data-palette=coral],[data-palette=blue]) .sidebar nav a.active,:is([data-palette=coral],[data-palette=blue]) .sidebar nav a.active:hover{background:linear-gradient(115deg,var(--p-accent-hover),var(--p-accent));color:var(--p-accent-dark);box-shadow:0 5px 25px var(--p-glow),inset 0 1px 0 #fff6}
:is([data-palette=coral],[data-palette=blue]) .nav-count{background:var(--p-secondary);color:var(--p-accent-dark)}
:is([data-palette=coral],[data-palette=blue]) .topbar{background:var(--p-topbar)}
:is([data-palette=coral],[data-palette=blue]) .menu-toggle,:is([data-palette=coral],[data-palette=blue]) .studio-switch,:is([data-palette=coral],[data-palette=blue]) .palette-picker select{background:var(--p-soft);color:var(--p-soft-text);border-color:var(--p-line)}
:is([data-palette=coral],[data-palette=blue]) .profile-button .face{box-shadow:0 0 0 3px var(--p-line),0 4px 15px #0007}
:is([data-palette=coral],[data-palette=blue]) .welcome-dot{color:var(--p-accent)}
:is([data-palette=coral],[data-palette=blue]) .welcome-line .eyebrow,:is([data-palette=coral],[data-palette=blue]) .section-heading .eyebrow{color:var(--p-secondary)}
:is([data-palette=coral],[data-palette=blue]) .welcome-line p,:is([data-palette=coral],[data-palette=blue]) .page-intro p{color:var(--p-muted)}
:is([data-palette=coral],[data-palette=blue]) .text-link,:is([data-palette=coral],[data-palette=blue]) .text-button,:is([data-palette=coral],[data-palette=blue]) .section-heading .text-link{color:var(--p-accent-hover)}
:is([data-palette=coral],[data-palette=blue]) .daily-check{background:var(--p-check);border-color:var(--p-line);box-shadow:0 7px 20px #0003,inset 0 1px 0 #fff1}
:is([data-palette=coral],[data-palette=blue]) .daily-check .check-symbol{background:var(--p-secondary);color:var(--p-accent-dark);box-shadow:0 0 20px var(--p-glow)}
:is([data-palette=coral],[data-palette=blue]) .daily-check strong,:is([data-palette=coral],[data-palette=blue]) .daily-check .text-button{color:var(--p-secondary)}
:is([data-palette=coral],[data-palette=blue]) .spotlight{background:linear-gradient(115deg,var(--p-hero-a),var(--p-hero-b));box-shadow:0 18px 40px -14px #000a,inset 0 1px 0 var(--p-line)}
:is([data-palette=coral],[data-palette=blue]) .spotlight::before{background:radial-gradient(ellipse at 15% 0%,var(--p-glow),transparent 70%)}
:is([data-palette=coral],[data-palette=blue]) .spotlight::after{border-color:var(--p-line)}
:is([data-palette=coral],[data-palette=blue]) .spotlight p,:is([data-palette=coral],[data-palette=blue]) .spotlight-bottom>span,:is([data-palette=coral],[data-palette=blue]) .spotlight-meta{color:var(--p-soft-text)}
:is([data-palette=coral],[data-palette=blue]) .spotlight-kicker>span:first-child,:is([data-palette=coral],[data-palette=blue]) .spotlight-prize{color:var(--p-secondary)}
:is([data-palette=coral],[data-palette=blue]) .prize-icon{background:var(--p-glow);color:var(--p-secondary);border-color:var(--p-line)}
:is([data-palette=coral],[data-palette=blue]) .spotlight-art{background-image:linear-gradient(90deg,var(--p-overlay),transparent 68%),linear-gradient(0deg,#101c2cb5,transparent 58%),url('assets/fictional-game-art.webp')}
:is([data-palette=coral],[data-palette=blue]) .button,:is([data-palette=coral],[data-palette=blue]) .spotlight-bottom .button{background:var(--p-accent);color:var(--p-accent-dark);box-shadow:0 5px 20px -8px var(--p-glow),inset 0 1px 0 #fff5}
:is([data-palette=coral],[data-palette=blue]) .button:hover:enabled,:is([data-palette=coral],[data-palette=blue]) a.button:hover,:is([data-palette=coral],[data-palette=blue]) .spotlight-bottom .button:hover:enabled{background:var(--p-accent-hover);color:var(--p-accent-dark)}
:is([data-palette=coral],[data-palette=blue]) .button.secondary,:is([data-palette=coral],[data-palette=blue]) .small-button{background:var(--p-soft);color:var(--p-soft-text);box-shadow:inset 0 1px 0 #fff1}
:is([data-palette=coral],[data-palette=blue]) .button:disabled{background:var(--p-panel-top);color:var(--p-muted);box-shadow:none}
:is([data-palette=coral],[data-palette=blue]) .panel,:is([data-palette=coral],[data-palette=blue]) .campaign-card,:is([data-palette=coral],[data-palette=blue]) .raffle-card,:is([data-palette=coral],[data-palette=blue]) .post,:is([data-palette=coral],[data-palette=blue]) .widget-example,:is([data-palette=coral],[data-palette=blue]) .core-promotion{background:var(--p-panel)}
:is([data-palette=coral],[data-palette=blue]) .progress-card{background:linear-gradient(140deg,var(--p-points-a),var(--p-points-b))}
:is([data-palette=coral],[data-palette=blue]) .progress-card .panel-header h2,:is([data-palette=coral],[data-palette=blue]) .points-total>span,:is([data-palette=coral],[data-palette=blue]) .progress-facts span,:is([data-palette=coral],[data-palette=blue]) .calm-rail .progress-card .fine{color:var(--p-soft-text)}
:is([data-palette=coral],[data-palette=blue]) .calm-rail .progress-card .points-total strong,:is([data-palette=coral],[data-palette=blue]) .points-emblem{color:var(--p-secondary)}
:is([data-palette=coral],[data-palette=blue]) .points-emblem{background:var(--p-glow)}
:is([data-palette=coral],[data-palette=blue]) .tonight-card{background:linear-gradient(120deg,var(--p-check),var(--p-panel))}
:is([data-palette=coral],[data-palette=blue]) .tonight-card>.eyebrow,:is([data-palette=coral],[data-palette=blue]) .tonight-card .text-link,:is([data-palette=coral],[data-palette=blue]) .board-row>b{color:var(--p-secondary)}
:is([data-palette=coral],[data-palette=blue]) .tonight-host h2{color:var(--p-light)}
:is([data-palette=coral],[data-palette=blue]) .core-promotion>div{background:linear-gradient(145deg,var(--p-panel-top),var(--p-panel))}
:is([data-palette=coral],[data-palette=blue]) .core-promotion .eyebrow,:is([data-palette=coral],[data-palette=blue]) .core-promotion .text-button,:is([data-palette=coral],[data-palette=blue]) .core-promotion .text-link{color:var(--p-secondary)}
:is([data-palette=coral],[data-palette=blue]) .core-activity{background:linear-gradient(140deg,var(--p-panel-top),var(--p-panel));--activity-accent:var(--p-accent);--activity-deep:var(--p-accent-dark);--activity-tint:var(--p-head)}
:is([data-palette=coral],[data-palette=blue]) .core-activity[data-kind=quiz]{--activity-accent:var(--p-secondary);--activity-deep:var(--p-accent-dark);--activity-tint:var(--p-head2)}
:is([data-palette=coral],[data-palette=blue]) .core-activity[data-kind=poll]{--activity-accent:var(--p-third);--activity-deep:#24404a;--activity-tint:var(--p-head3)}
:is([data-palette=coral],[data-palette=blue]) .core-activity[data-kind=ranking]{--activity-accent:var(--p-fourth);--activity-deep:var(--p-accent-dark);--activity-tint:var(--p-head4)}
:is([data-palette=coral],[data-palette=blue]) .core-activity[data-state=closed],:is([data-palette=coral],[data-palette=blue]) .core-activity[data-state=drawn]{--activity-accent:#adb6bf;--activity-deep:#2d3942;--activity-tint:var(--p-panel-top)}
:is([data-palette=coral],[data-palette=blue]) .core-activity[data-kind] .button,:is([data-palette=coral],[data-palette=blue]) .core-activity[data-kind] .button:hover:enabled{background:var(--activity-accent);color:var(--activity-deep)}
:is([data-palette=coral],[data-palette=blue]) .core-activity[data-kind] .button.secondary{background:var(--p-soft);color:var(--p-soft-text)}
:is([data-palette=coral],[data-palette=blue]) .core-public-grid .core-activity[data-core-card=drop]{background:linear-gradient(115deg,var(--p-overlay),var(--p-panel)),url('assets/fictional-game-art.webp') center/cover}
:is([data-palette=coral],[data-palette=blue]) .core-studio-summary b,:is([data-palette=coral],[data-palette=blue]) .core-prize,:is([data-palette=coral],[data-palette=blue]) .benefit-prize,:is([data-palette=coral],[data-palette=blue]) .wager-status strong{color:var(--p-secondary)}
:is([data-palette=coral],[data-palette=blue]) .tabs,:is([data-palette=coral],[data-palette=blue]) .core-studio-summary{background:var(--p-panel)}
:is([data-palette=coral],[data-palette=blue]) .tabs button.active,:is([data-palette=coral],[data-palette=blue]) .core-campaign-row.selected{background:var(--p-soft);color:var(--p-soft-text);box-shadow:inset 0 1px 0 #fff1}
:is([data-palette=coral],[data-palette=blue]) dialog{--modal-accent:var(--p-accent);--modal-deep:var(--p-accent-dark);--modal-tint:var(--p-head);background:var(--p-panel);border-color:var(--p-line)}
:is([data-palette=coral],[data-palette=blue]) dialog[data-kind=quiz]{--modal-accent:var(--p-secondary);--modal-tint:var(--p-head2)}
:is([data-palette=coral],[data-palette=blue]) dialog[data-kind=poll]{--modal-accent:var(--p-third);--modal-tint:var(--p-head3);--modal-deep:#24404a}
:is([data-palette=coral],[data-palette=blue]) dialog[data-kind=ranking]{--modal-accent:var(--p-fourth);--modal-tint:var(--p-head4)}
:is([data-palette=coral],[data-palette=blue]) dialog .button:not(.secondary):not(:disabled){background:var(--modal-accent);color:var(--modal-deep)}
:is([data-palette=coral],[data-palette=blue]) .modal-hero{background:linear-gradient(120deg,var(--modal-tint),var(--p-panel-top))}
:is([data-palette=coral],[data-palette=blue]) .modal-hero .modal-copy{color:var(--p-soft-text)}
:is([data-palette=coral],[data-palette=blue]) .activity-options .option{background:var(--p-panel-top);color:var(--p-light)}
:is([data-palette=coral],[data-palette=blue]) .activity-options .option.selected{background:var(--modal-tint);color:var(--modal-accent);border-color:var(--modal-accent)}
:is([data-palette=coral],[data-palette=blue]) input:focus,:is([data-palette=coral],[data-palette=blue]) textarea:focus,:is([data-palette=coral],[data-palette=blue]) select:focus{border-color:var(--p-accent);box-shadow:0 0 0 3px var(--p-glow)}