/* Shared semantic palette. Component fallbacks preserve the original dark theme. */
.brand-descriptor{color:var(--theme-muted,#909096)}
:root[data-theme=light] .wordmark--spotify[style]{--display-ink:oklch(from var(--brand-ink) min(l,.57) calc(c * 1.45) h)}
:root[data-theme=light]{
  color-scheme:light;
  --theme-canvas:#eee9df;
  --theme-canvas-glass:#eee9dff5;
  --theme-canvas-fade:#eee9dfbb;
  --theme-surface:#f8f4ec;
  --theme-surface-glass:#f8f4ecf5;
  --theme-raised:#faf7f0;
  --theme-chrome:#e8e2d7;
  --theme-input:#fffbf4;
  --theme-hover:#e6dfd2;
  --theme-line:#c8bfb0;
  --theme-rule-rgb:61 53 42;
  --theme-text:#302e2a;
  --theme-secondary:#514c43;
  --theme-muted:#686255;
  --theme-faint:#6b6358;
  --theme-accent:#71558e;
  --theme-accent-hover:#5d427b;
  --theme-accent-wash:#71558e0b;
  --theme-accent-line:#71558e66;
  --theme-on-accent:#fff9ee;
  --theme-on-pastel:#302e2a;
  --theme-lime:#526b29;
  --theme-lime-wash:#526b2910;
  --theme-lime-line:#526b2966;
  --theme-success:#426443;
  --theme-success-wash:#4264430e;
  --theme-danger:#a03f4d;
  --theme-danger-wash:#a03f4d0e;
  --theme-danger-line:#a03f4d55;
  --theme-warning:#836124;
  --theme-warning-wash:#8361240e;
  --theme-warning-line:#83612466;
  --theme-toast:#e0e7cf;
  --theme-backdrop:#4f453a40;
  --theme-shadow-soft:#4236260c;
  --theme-shadow-panel:#42362624;
  --theme-shadow-dialog:#42362630;
  --theme-close-bg:#ead9dc;
}

/* Native form controls, scrollbars and embedded privacy UI share the scheme. */
:root[data-theme=dark]{color-scheme:dark}
#burando-privacy{color-scheme:inherit}

.theme-switch{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  flex:none;min-height:44px;padding:0 13px;border:1px solid var(--theme-line,#ffffff20);
  border-radius:999px;background:var(--theme-surface,#202022);color:var(--theme-secondary,#c4c0cc);
  font:500 12px/1 Inter,'Inter UI',Arial,sans-serif;cursor:pointer;
  box-shadow:0 3px 12px var(--theme-shadow-soft,#0000000a);
}
.theme-switch:hover{background:var(--theme-hover,#29262e);color:var(--theme-text,#ecebea)}
.theme-switch:focus-visible{outline:2px solid var(--theme-accent,#c9b2ef);outline-offset:4px}
.theme-switch svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.theme-switch .theme-sun{display:none}
[data-theme=light] .theme-switch .theme-sun{display:block}
[data-theme=light] .theme-switch .theme-moon{display:none}
.theme-switch--tool{--tool:#e9bb60;width:44px;height:44px;min-width:44px;padding:0;border:0;background:none;box-shadow:none}
.theme-switch--tool span{display:none}
.page-header nav{align-items:center}
.sidebar-bottom .theme-switch{align-self:flex-start}

/* Adjust lightness without mixing brand hues with the neutral UI palette. */
.saved-brand-card strong{color:var(--saved-brand-ink)}
[data-theme=light] :is(.brand-node,.wordmark[style]){--display-ink:oklch(from var(--brand-ink,#ecebea) min(l,.6) calc(c * 1.45) h)}
[data-theme=light] .wordmark[style]{color:var(--display-ink)}
[data-theme=light] .wordmark--collection .collection-place-name{color:oklch(from var(--brand-ink,#ecebea) min(l,.5) calc(c * 1.45) h)}
[data-theme=light] .brand-node::after{color:var(--display-ink)}
[data-theme=light] .wordmark--nothing .wordmark-text{background-image:radial-gradient(circle,var(--display-ink) 1.3px,transparent 1.7px)}
[data-theme=light] .wordmark--figma .wordmark-text span:nth-child(1){color:#d94d31}
[data-theme=light] .wordmark--figma .wordmark-text span:nth-child(2){color:#c33d9a}
[data-theme=light] .wordmark--figma .wordmark-text span:nth-child(3){color:#7d47d4}
[data-theme=light] .wordmark--figma .wordmark-text span:nth-child(4){color:#00866b}
[data-theme=light] .wordmark--figma .wordmark-text span:nth-child(5){color:#588523}
[data-theme=light] .saved-brand-card strong{color:oklch(from var(--saved-brand-ink) min(l,.5) calc(c * 1.45) h)}

/* Keep colored tool fills soft, with legible ink for inactive icons and links. */
[data-theme=light] :is(.control-tool,.spec-tool){color:color-mix(in oklab,var(--tool) 50%,#302e2a)}
[data-theme=light] .control-tool[aria-expanded=true],
[data-theme=light] .spec-tool[aria-expanded=true]{color:var(--theme-on-pastel)}
[data-theme=light] :is(.control-popover,.spec-panel,.control-center){--readable-panel-accent:color-mix(in oklab,var(--panel-accent,#7d9bf5) 45%,#302e2a)}
[data-theme=light] :is(.reset-field){color:var(--readable-panel-accent)}
[data-theme=light] .directory-link:hover :is(strong,.external),
[data-theme=light] :is(.social-link,.copy-link):hover{color:var(--readable-panel-accent)}
[data-theme=light] .control-center :is(button,a):focus-visible{outline-color:var(--theme-accent)}
[data-theme=light] .search-box:focus-within{outline-color:var(--readable-panel-accent)}
[data-theme=light] .search-box:focus-within svg{color:var(--readable-panel-accent)}
[data-theme=light] #burando-privacy .cookie-switch:checked::before{background:var(--theme-on-accent)}
[data-theme=light] #account-page .form-field :is(input,textarea,select):focus{border-color:var(--theme-accent)}

@media(max-width:640px){
  [data-theme=light] .wordmark--nothing .wordmark-text{background-image:radial-gradient(circle,var(--display-ink) 1px,transparent 1.3px)}
}