/* Shared appearance tokens for marketing, account pages and the studio. */
:root{--edge:var(--ink);--shadow:var(--ink)}
:root[data-theme=dark]{color-scheme:dark;--paper:#191815;--card:#24221e;--board:#302d27;--line:#504a40;--edge:#847967;--shadow:#0c0b09;--ink:#f6f1e7;--muted:#c1b7a6;--faint:#a99d89;--tomato:#ed805d;--tomato-text:#ffab8d;--mustard:#e9b949;--ok:#8ed2a5;--warn:#f0c474;--error:#ffaaa0}
dlop-theme-switch{display:inline-flex;flex:none;vertical-align:middle}
.theme-switch{display:inline-flex;gap:2px;padding:3px;border:1.5px solid var(--edge);border-radius:10px;background:var(--card)}
.theme-switch button{display:grid;place-items:center;width:40px;min-width:40px;height:32px;min-height:32px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--ink);cursor:pointer;box-shadow:none;touch-action:manipulation}
.theme-switch button:hover{background:var(--board)}
.theme-switch button[aria-pressed=true]{background:var(--ink);color:var(--card)}
.theme-switch button:focus-visible{outline:3px solid var(--mustard);outline-offset:3px}
.theme-switch svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.g-rail dlop-theme-switch{order:4;margin-top:10px}
#studio-loading{background:var(--paper);color:var(--ink)}
/* Accent surfaces keep dark ink; photos, posters, QR codes and colour swatches are never filtered. */
:root[data-theme=dark] :is(.primary,.launch,.account-form button,.account-password button,.account-actions button:not([data-auth=delete]),.account-access button[data-primary],.feature-icon,.sticker,.step-list b,.plan-sticker,.price-start,.middle-own,.way-num,.g-primary:not(:disabled),.g-avatar,.g-card h2 i,.g-brand-icon,.g-brief-placeholder,.g-trial-claim,.g-trial-card,.g-topup-presets button[aria-pressed=true],.g-buyer-options label:has(input:checked),.g-balance-month,.g-plan-sticker:not(.is-quiet),.g-plan-upgrade.is-low,.g-rail-signup,.g-mic.is-recording,.g-chip[aria-pressed=true],.g-project-download:hover,.g-project-download:focus-visible){--ink:#16140f;--muted:#51483a;--faint:#625b4f;--card:#fffdf8;--paper:#f6f1e7;--board:#efe8da;--tomato-text:#913314;color:var(--ink)}
:root[data-theme=dark] .g-detail summary::before,:root[data-theme=dark] .g-working[data-phase] .g-steps li::before{color:#16140f}
:root[data-theme=dark] .g-content-confirm.g-check-error{background:#3b2622;border-color:var(--error);color:var(--error)}
:root[data-theme=dark] .g-check-help{color:var(--error)}
:root[data-theme=dark] :is(.brand,.g-wordmark,.account-brand) svg{background:#16140f;fill:#fffdf8}
:root[data-theme=dark] .g-payment-status.success{border-left-color:var(--ok)}
@media(max-width:1100px){.g-rail dlop-theme-switch{margin-top:0}.g-rail{flex-wrap:wrap}}
@media(max-width:800px){.nav{flex-wrap:wrap;padding-block:14px}.nav-links{flex-wrap:wrap;gap:10px}}
@media(max-width:560px){.g-rail-head{flex-wrap:wrap}.g-rail dlop-theme-switch{margin-left:0}.g-rail-head:has(.g-rail-signup){grid-template-columns:minmax(0,1fr) auto auto}.g-rail-head:has(.g-rail-signup) dlop-theme-switch{grid-column:3;grid-row:1}.g-rail-head:has(.g-rail-signup) .g-rail-signin{grid-column:2 / 4}.theme-switch button{width:35px;min-width:35px;height:30px;min-height:30px}}

/* Design-style illustrations remain faithful to the light/dark poster examples. */
:root[data-theme=dark] :is(.g-offer-sketch,.g-style-art){--paper:#f6f1e7;--card:#fffdf8;--board:#efe8da;--ink:#16140f;--tomato:#e4572e}