/* Shared UI palette. Media previews and exported files keep their source colours. */
:root,html[data-theme=light]{color-scheme:light;--paper:#f8f7f3;--ink:#242522;--muted:#62645c;--line:#d3d4cc;--control-line:#8b8e82;--surface:#fff;--surface-alt:#eeeee7;--accent:#ac3e27;--strong:#242522;--on-strong:#fff;--accent-strong:#a83e28;--on-accent:#fff;--danger:#a32922;--success:#2b663c;--link:#375f48;--tone-red-bg:#f7e7e1;--tone-green-bg:#e8eee3;--focus:#245eb0;--shadow:#24252217;--section-ink:var(--ink);--section-muted:var(--muted);--section-paper:var(--paper);--section-rule:var(--line);--section-accent:var(--accent)}
html[data-theme=dark]{color-scheme:dark;--paper:#171814;--ink:#eeede7;--muted:#b0b2a8;--line:#42453b;--control-line:#797e70;--surface:#21231d;--surface-alt:#2a2d24;--accent:#f28b70;--strong:#eeede7;--on-strong:#171814;--accent-strong:#f28b70;--on-accent:#171814;--danger:#ff9e91;--success:#9bd7a6;--link:#add4b8;--tone-red-bg:#39241f;--tone-green-bg:#253426;--focus:#9cbef5;--shadow:#00000030}
html[data-theme] body{background:var(--paper);color:var(--ink)}
html[data-theme] input,html[data-theme] textarea,html[data-theme] select{accent-color:var(--accent)}
html[data-theme] select option{background:var(--surface);color:var(--ink)}
html[data-theme] input::placeholder,html[data-theme] textarea::placeholder{color:var(--muted);opacity:1}
.site-preferences{margin-inline-start:auto;display:flex;align-items:center;gap:18px;min-width:0}
.site-preferences .site-language{margin:0}
.site-header .theme-toggle{font:inherit;font-size:13px;line-height:1.3;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:0;padding:9px 12px;min-height:44px;white-space:nowrap;cursor:pointer}
.site-header .theme-toggle:hover{border-color:var(--ink)}
.site-header .theme-toggle:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.play-coming{padding:56px 0 72px;max-width:660px}.play-coming h2{font-size:clamp(28px,4vw,40px);letter-spacing:-1px;line-height:1.3;margin:0 0 15px}.play-coming p{color:var(--muted);margin:0 0 24px}.play-coming a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px}
@media(max-width:700px){.site-preferences{gap:12px}.site-header .theme-toggle{font-size:12px;padding:8px 10px}.site-preferences .site-language select{min-height:44px}.play-coming{padding:36px 0 56px}}
@media(max-width:540px){.site-preferences{width:100%;justify-content:space-between;margin-top:0}.site-preferences .site-language{width:auto;margin:0}.site-header{row-gap:10px}}