/* Shared website theme. Arena owns its separate styles and reads the same preference. */
html[data-theme="dark"]{color-scheme:dark;--bg:#0b0b0c;--surface:#151517;--surface-2:#222225;--text:#f5f3ee;--muted:#b9b5ad;--line:#45454a;--line-2:#66646a;--paper:#151517;--ink:#f5f3ee;--os-link:#f2b705}
html[data-theme="light"]{color-scheme:light;--bg:#faf8f2;--surface:#fff;--surface-2:#f0ede5;--text:#201e19;--muted:#615b50;--line:#c9c3b7;--line-2:#827b6d;--paper:#fffdf7;--ink:#201e19;--os-link:#795600;--red-text:#b42131}
html[data-theme] body{background:var(--bg);color:var(--text)}
.os-theme-control{position:fixed;bottom:80px;right:12px;z-index:45;display:flex;align-items:center;gap:8px;padding:7px 10px;margin:0;border:1px solid var(--line-2);border-radius:12px;background:var(--surface);color:var(--text);box-shadow:0 3px 14px #0002;font:600 12px/1.4 system-ui,sans-serif}
.os-theme-control select{width:auto;min-height:36px;margin:0;padding:5px 8px;border:1px solid var(--line-2);border-radius:6px;background:var(--surface);color:var(--text);font:inherit}
html[data-theme] :focus-visible{outline:3px solid var(--os-link);outline-offset:3px}
html[data-theme="light"] :is(.nav,.nav.solid,.pk-top,.topbar,.bottom-nav,.banner){background:var(--surface);color:var(--text)}
html[data-theme="light"] :is(.copy p,.copy li,.lead,.muted,small,.fine){color:var(--muted)}
html[data-theme="light"] :is(.label,.tag,.brand b,.brand-sub,.seats,.pill,.link,.a-body a,.copy a:not(.btn),h1 span,h2 span,.proof b,.lead b,.nav-list a[aria-current="page"]){color:var(--os-link)}
html[data-theme="light"] :is(blockquote,.copy .card,.closed){background:var(--surface);border-color:var(--line);color:var(--text)}
html[data-theme="light"] .btn-o{background:var(--surface);border-color:var(--line-2);color:var(--text)}
html[data-theme="light"] .hero::after{background:linear-gradient(180deg,#faf8f210 0%,#faf8f2bb 40%,var(--bg) 90%),linear-gradient(90deg,#faf8f2d9,transparent)}
html[data-theme="light"] :is(a.card,button.card):hover{background:var(--surface-2)}
html[data-theme="light"] :is(input,textarea,select){color:var(--text);background-color:var(--surface);border-color:var(--line-2)}
html[data-theme="light"] ::placeholder{color:#70695e;opacity:1}
/* Growth, private reflection and the restricted support desk share this stylesheet. */
html[data-theme] body.os-growth :is(section,article){background:var(--surface);border-color:var(--line);color:var(--text)}
html[data-theme] body.os-growth :is(blockquote,input,textarea,select){background:var(--surface-2);color:var(--text)}
html[data-theme] body.os-growth :is(a:not(.button),.tag){color:var(--os-link)}
html[data-theme] body.os-growth :is(small,.muted){color:var(--muted)}
html[data-theme] body.os-growth button{color:#0b0b0c;background:#f2b705}
@media(min-width:900px){.os-theme-control{bottom:18px}}
@media print{.os-theme-control{display:none}}
html[data-theme="light"] :is(.sub a,.side-hustle a){color:var(--os-link)!important}
html[data-theme="light"] .game-scene figcaption{color:#f5f3ee}
html[data-theme="light"] :is(.banner a,.series-grid span b){color:var(--os-link)}
/* Older planner/receipt pages use ink for both decoration and type. */
html[data-theme="dark"] body.os-legacy{--ink:#111;--paper:#171719;color:var(--text)}
html[data-theme] body.os-legacy :is(.state,.deal,.cal,.cal .d,input,.signup){background-color:var(--surface);color:var(--text);border-color:var(--line-2)}
html[data-theme] body.os-legacy :is(.plan,.state[aria-checked="true"],.k-weekend,.cal .d.weekend){background:#171719;color:#f5f3ee}
html[data-theme] body.os-legacy :is(.chip,.deal .apply b,.budget button[aria-pressed="true"],.cal .d.holiday,.cal .d.ganti,.fine,.su-done,.btn.ghost){color:#201e19}
html[data-theme="dark"] body.os-legacy :is(.signup input,.state small,.quip,.hint){color:var(--text)}
html[data-theme="dark"] body.os-legacy .btn:not(.dark):not(.wa){background:var(--surface);color:var(--text)}
html[data-theme="dark"] body.os-legacy footer{background:var(--surface);color:var(--text)}