/* @heyharmony/design-tokens — ayu preset surface scopes, dark mode */
.dark[data-theme-preset='ayu'] [data-surface="0"] {
  --harmony-input-bg: oklch(0.207 0.016 264.1);
  --harmony-input-border: oklch(0.27 0.0196 264.2);
  --harmony-input-border-hover: oklch(0.326 0.0286 264.1);
  --harmony-input-border-focus: oklch(0.801 0.1378 81.5);
  --harmony-input-border-error: oklch(0.562 0.1966 26.3);
  --harmony-input-border-active: oklch(0.363 0.0329 264);
  --harmony-input-border-highlight: oklch(0.344 0.0308 264);
  --harmony-input-bg-active: oklch(0.238 0.0201 264.1);
  --harmony-input-bg-highlight: oklch(0.228 0.0188 264.1);
  --harmony-input-bg-disabled: oklch(0.187 0.0107 264.3);
  --harmony-input-placeholder: oklch(0.569 0.0216 264.4);
  --harmony-tab-bg: oklch(0.23 0.0136 264.3);
  --harmony-tab-bg-hover: oklch(0.271 0.0174 264.2);
  --harmony-tab-outline: oklch(0.329 0.0228 264.2);
  --harmony-border-subtle: oklch(0.25 0.0175 264.2);
  --harmony-border-default: oklch(0.299 0.0227 264.1);
}
.dark[data-theme-preset='ayu'] [data-surface="1"] {
  --harmony-input-bg: oklch(0.228 0.0188 264.1);
  --harmony-input-border: oklch(0.289 0.0217 264.2);
  --harmony-input-border-hover: oklch(0.344 0.0308 264);
  --harmony-input-border-focus: oklch(0.801 0.1378 81.5);
  --harmony-input-border-error: oklch(0.562 0.1966 26.3);
  --harmony-input-border-active: oklch(0.381 0.035 264);
  --harmony-input-border-highlight: oklch(0.363 0.0329 264);
  --harmony-input-bg-active: oklch(0.258 0.0228 264.1);
  --harmony-input-bg-highlight: oklch(0.248 0.0214 264.1);
  --harmony-input-bg-disabled: oklch(0.208 0.0131 264.2);
  --harmony-input-placeholder: oklch(0.569 0.0216 264.4);
  --harmony-tab-bg: oklch(0.251 0.0155 264.2);
  --harmony-tab-bg-hover: oklch(0.29 0.0192 264.2);
  --harmony-tab-outline: oklch(0.348 0.0245 264.2);
  --harmony-border-subtle: oklch(0.27 0.0196 264.2);
  --harmony-border-default: oklch(0.318 0.0247 264.1);
}
.dark[data-theme-preset='ayu'] [data-surface="2"] {
  --harmony-input-bg: oklch(0.307 0.0264 264.1);
  --harmony-input-border: oklch(0.364 0.0296 264.1);
  --harmony-input-border-hover: oklch(0.417 0.0392 264);
  --harmony-input-border-focus: oklch(0.801 0.1378 81.5);
  --harmony-input-border-error: oklch(0.562 0.1966 26.3);
  --harmony-input-border-active: oklch(0.451 0.0432 264);
  --harmony-input-border-highlight: oklch(0.434 0.0412 264);
  --harmony-input-bg-active: oklch(0.335 0.0297 264.1);
  --harmony-input-bg-highlight: oklch(0.326 0.0286 264.1);
  --harmony-input-bg-disabled: oklch(0.25 0.0175 264.2);
  --harmony-input-placeholder: oklch(0.569 0.0216 264.4);
  --harmony-tab-bg: oklch(0.329 0.0228 264.2);
  --harmony-tab-bg-hover: oklch(0.366 0.0262 264.2);
  --harmony-tab-outline: oklch(0.402 0.0296 264.2);
  --harmony-border-subtle: oklch(0.346 0.0277 264.1);
  --harmony-border-default: oklch(0.383 0.0315 264.1);
}
.dark[data-theme-preset='ayu'] [data-surface="3"] {
  --harmony-input-bg: oklch(0.288 0.0241 264.1);
  --harmony-input-border: oklch(0.346 0.0277 264.1);
  --harmony-input-border-hover: oklch(0.399 0.0371 264);
  --harmony-input-border-focus: oklch(0.801 0.1378 81.5);
  --harmony-input-border-error: oklch(0.562 0.1966 26.3);
  --harmony-input-border-active: oklch(0.434 0.0412 264);
  --harmony-input-border-highlight: oklch(0.417 0.0392 264);
  --harmony-input-bg-active: oklch(0.317 0.0275 264.1);
  --harmony-input-bg-highlight: oklch(0.307 0.0264 264.1);
  --harmony-input-bg-disabled: oklch(0.229 0.0153 264.2);
  --harmony-input-placeholder: oklch(0.569 0.0216 264.4);
  --harmony-tab-bg: oklch(0.31 0.021 264.2);
  --harmony-tab-bg-hover: oklch(0.348 0.0245 264.2);
  --harmony-tab-outline: oklch(0.384 0.0279 264.2);
  --harmony-border-subtle: oklch(0.327 0.0257 264.1);
  --harmony-border-default: oklch(0.364 0.0296 264.1);
}
.dark[data-theme-preset='ayu'] [data-surface="4"] {
  --harmony-input-bg: oklch(0.326 0.0286 264.1);
  --harmony-input-border: oklch(0.383 0.0315 264.1);
  --harmony-input-border-hover: oklch(0.434 0.0412 264);
  --harmony-input-border-focus: oklch(0.801 0.1378 81.5);
  --harmony-input-border-error: oklch(0.562 0.1966 26.3);
  --harmony-input-border-active: oklch(0.469 0.0451 264);
  --harmony-input-border-highlight: oklch(0.451 0.0432 264);
  --harmony-input-bg-active: oklch(0.354 0.0319 264);
  --harmony-input-bg-highlight: oklch(0.344 0.0308 264);
  --harmony-input-bg-disabled: oklch(0.27 0.0196 264.2);
  --harmony-input-placeholder: oklch(0.569 0.0216 264.4);
  --harmony-tab-bg: oklch(0.348 0.0245 264.2);
  --harmony-tab-bg-hover: oklch(0.384 0.0279 264.2);
  --harmony-tab-outline: oklch(0.42 0.0312 264.2);
  --harmony-border-subtle: oklch(0.364 0.0296 264.1);
  --harmony-border-default: oklch(0.401 0.0333 264.1);
}