/* DigiSites appearance contract. Load last. New UI uses --ds-* semantic tokens.
   Customer template previews, palette swatches and artwork keep their own colours. */
:root {
  color-scheme: light;
  --ds-bg:#f8f6ee; --ds-surface:#fffdf8; --ds-soft:#e8ede3;
  --ds-text:#123d36; --ds-muted:#50635b; --ds-line:#b9c9bd;
  --ds-accent:#f5ce5b; --ds-on-accent:#123d36;
  --ds-strong:#123d36; --ds-on-strong:#f8f6ee;
  --ds-focus:#8d431c; --ds-positive:#24604b; --ds-danger:#a12f25;
  --ds-mint:#dbeae1; --ds-peach:#f1d7c9;
}
html[data-theme=dark] {
  color-scheme:dark;
  --ds-bg:#102b25; --ds-surface:#193a32; --ds-soft:#24483d;
  --ds-text:#f3f3e9; --ds-muted:#bdcfc2; --ds-line:#58786a;
  --ds-focus:#f5ce5b; --ds-positive:#a5dfb9; --ds-danger:#ffb6a4;
  --ds-mint:#254b3e; --ds-peach:#513b32;
}
html[data-ds-shell] {
  --paper:var(--ds-bg); --card:var(--ds-surface); --sand:var(--ds-soft);
  --text:var(--ds-text); --muted:var(--ds-muted); --line:var(--ds-line);
  --soft-line:var(--ds-line); --focus:var(--ds-focus);
}
body {background:var(--ds-bg);color:var(--ds-text)}
[data-theme-toggle] {display:none;flex:none;min-height:44px;min-width:94px;padding:9px 13px;border:1px solid var(--ds-line);border-radius:7px;background:var(--ds-surface);color:var(--ds-text);font:700 12px/1.4 Manrope,system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.js [data-theme-toggle] {display:inline-flex;align-items:center;justify-content:center}
.ds-resource-bar .theme-button {color:var(--ds-text);border-color:var(--ds-line)}
:where(button,a,input,textarea,select,summary):focus-visible {outline-color:var(--ds-focus)}
.ds-appearance-controls {display:flex;justify-content:flex-end;padding:12px 20px}
.ds-resource-header {background:var(--ds-bg);color:var(--ds-text);border-color:var(--ds-line)}
.journey-reminder,.guide-note,.notebook-context,.notebook-layout aside {background:var(--ds-soft);color:var(--ds-text);border-color:var(--ds-line)}
.journey-reminder a {color:var(--ds-text)}
.journey-reminder a:focus-visible {outline-color:var(--ds-focus)}
.ds-analytics-choice,.ds-analytics-choice button,.ds-analytics-settings {background:var(--ds-surface);color:var(--ds-text);border-color:var(--ds-line)}
.ds-analytics-choice a {color:var(--ds-text)}
/* Shared workspace, tools, guides and notebook chrome. */
[data-ds-shell=workspace] :is(.bar,.brand small,.tabs,.guide-section,.guide-table td,.guide-table th,.guide-wrap details,.panel details) {border-color:var(--ds-line)}
[data-ds-shell=workspace] :is(.btn,.controls,.palette,.template,.pairing,.guide-card,.open-pack,.notebook-gate,.public-help article,dialog) {background:var(--ds-surface);color:var(--ds-text);border-color:var(--ds-line)}
[data-ds-shell=workspace] :is(input:not([type=color]):not([type=range]):not([type=checkbox]),select,textarea) {background:var(--ds-surface);color:var(--ds-text);border-color:var(--ds-line)}
[data-ds-shell=workspace] :is(.kicker,.intro p,.help,.tabs button,.palette small,.pairing small,.template p,.preview-footer,.guide-lead,.guide-meta,.creator,.public-help article p,.address) {color:var(--ds-muted)}
[data-ds-shell=workspace] :is(.notice,.ai-card,.contrast-list,.frame-mat,.viewport-buttons,.guide-table th,.palette[aria-pressed=true]) {background:var(--ds-soft);color:var(--ds-text);border-color:var(--ds-line)}
[data-ds-shell=workspace] :is(.browser-line,.viewport-buttons button[aria-pressed=true]) {background:var(--ds-surface);color:var(--ds-text);border-color:var(--ds-line)}
[data-ds-shell=workspace] .viewport-buttons button {color:var(--ds-muted)}
[data-ds-shell=workspace] :is(.owner-note,.public-lock,.guide-card.featured,.btn.primary,.tabs button[aria-selected=true]) {background:var(--ds-strong);color:var(--ds-on-strong);border-color:var(--ds-line)}
[data-ds-shell=workspace] :is(.btn.yellow,.public-lock .btn) {background:var(--ds-accent);color:var(--ds-on-accent);border-color:var(--ds-accent)}
[data-ds-shell=workspace] .btn.danger,[data-ds-shell=workspace] .fail {color:var(--ds-danger)}
[data-ds-shell=workspace] .pass {color:var(--ds-positive)}
[data-ds-shell=workspace] .template[aria-pressed=true] {outline-color:var(--ds-focus)}
[data-ds-shell=workspace] .palette[aria-pressed=true] {border-color:var(--ds-focus)}
[data-ds-shell=workspace] .guide-steps li::marker {color:var(--ds-focus)}
[data-ds-shell=workspace] #note-list button {color:var(--ds-text)}
[data-ds-shell=workspace] #note-list button[aria-current=true] {background:var(--ds-surface);border-color:var(--ds-line)}
.resource-preview {color:#123d36;color-scheme:light}
.pack-download {background:var(--ds-strong);color:var(--ds-on-strong)}
/* Landing page theme. Artwork and the colour tool are independent canvases. */
html[data-ds-shell=landing] {--ink:var(--ds-text);--cream:var(--ds-bg);--mint:var(--ds-mint);--peach:var(--ds-peach)}
[data-ds-shell=landing] .header {flex-wrap:wrap;gap:20px}
[data-ds-shell=landing] .hero-art {--ink:#123d36;--cream:#f8f6ee;--mint:#dbeae1;--peach:#f1d7c9;--muted:#50635b;color:#123d36;color-scheme:light}
[data-ds-shell=landing] :is(.announcement,.guide-section,.primary,.nav-cta,.skip) {background:var(--ds-strong);color:var(--ds-on-strong)}
[data-ds-shell=landing] .yellow {background:var(--ds-accent);color:var(--ds-on-accent)}
[data-ds-shell=landing] .start-card {background:var(--ds-surface);border-color:var(--ds-line)}
[data-ds-shell=landing] .mint-card {background:var(--ds-mint)}
[data-ds-shell=landing] .peach-card {background:var(--ds-peach)}
[data-ds-shell=landing] .start-card p {color:var(--ds-muted)}
[data-ds-shell=landing] .card-link {border-color:var(--ds-line)}
[data-ds-shell=landing] :is(.playground-section,.custom-band) {background:var(--ds-soft)}
[data-ds-shell=landing] .palette-choice {background:var(--ds-surface);color:var(--ds-text);border-color:var(--ds-line)}
[data-ds-shell=landing] .palette-choice.active {border-color:var(--ds-focus);box-shadow:0 0 0 1px var(--ds-focus)}
[data-ds-shell=landing] .checklist-paper {background:#f8f6ee;color:#123d36}
[data-ds-shell=landing] .colour-demo {background:var(--ds-surface)}
@media(max-width:700px) {[data-ds-shell=landing] .header nav{flex-wrap:wrap;gap:14px}[data-ds-shell=landing] .header>.brand{margin-right:auto}}
@media print {[data-theme-toggle]{display:none!important}html[data-ds-shell]{--ds-bg:#fff;--ds-surface:#fff;--ds-soft:#f3f3f3;--ds-text:#123d36;--ds-muted:#50635b;--ds-line:#b9c9bd;color-scheme:light}}