/* @heyharmony/design-tokens — black preset surface scopes, dark mode */
.dark[data-theme-preset='black'] [data-surface="0"] {
  --harmony-input-bg: oklch(0.182 0 0);
  --harmony-input-border: oklch(0.238 0 0);
  --harmony-input-border-hover: oklch(0.301 0 0);
  --harmony-input-border-focus: oklch(0.356 0 0);
  --harmony-input-border-error: oklch(0.562 0.1966 26.3);
  --harmony-input-border-active: oklch(0.341 0 0);
  --harmony-input-border-highlight: oklch(0.321 0 0);
  --harmony-input-bg-active: oklch(0.216 0 0);
  --harmony-input-bg-highlight: oklch(0.204 0 0);
  --harmony-input-bg-disabled: oklch(0.146 0 0);
  --harmony-input-placeholder: oklch(0.528 0 0);
  --harmony-tab-bg: oklch(0.193 0 0);
  --harmony-tab-bg-hover: oklch(0.238 0 0);
  --harmony-tab-outline: oklch(0.301 0 0);
  --harmony-border-subtle: oklch(0.216 0 0);
  --harmony-border-default: oklch(0.27 0 0);
}
.dark[data-theme-preset='black'] [data-surface="1"] {
  --harmony-input-bg: oklch(0.216 0 0);
  --harmony-input-border: oklch(0.27 0 0);
  --harmony-input-border-hover: oklch(0.331 0 0);
  --harmony-input-border-focus: oklch(0.386 0 0);
  --harmony-input-border-error: oklch(0.562 0.1966 26.3);
  --harmony-input-border-active: oklch(0.371 0 0);
  --harmony-input-border-highlight: oklch(0.351 0 0);
  --harmony-input-bg-active: oklch(0.248 0 0);
  --harmony-input-bg-highlight: oklch(0.238 0 0);
  --harmony-input-bg-disabled: oklch(0.158 0 0);
  --harmony-input-placeholder: oklch(0.528 0 0);
  --harmony-tab-bg: oklch(0.227 0 0);
  --harmony-tab-bg-hover: oklch(0.27 0 0);
  --harmony-tab-outline: oklch(0.321 0 0);
  --harmony-border-subtle: oklch(0.248 0 0);
  --harmony-border-default: oklch(0.29 0 0);
}
.dark[data-theme-preset='black'] [data-surface="2"] {
  --harmony-input-bg: oklch(0.248 0 0);
  --harmony-input-border: oklch(0.301 0 0);
  --harmony-input-border-hover: oklch(0.361 0 0);
  --harmony-input-border-focus: oklch(0.416 0 0);
  --harmony-input-border-error: oklch(0.562 0.1966 26.3);
  --harmony-input-border-active: oklch(0.399 0 0);
  --harmony-input-border-highlight: oklch(0.38 0 0);
  --harmony-input-bg-active: oklch(0.28 0 0);
  --harmony-input-bg-highlight: oklch(0.27 0 0);
  --harmony-input-bg-disabled: oklch(0.182 0 0);
  --harmony-input-placeholder: oklch(0.528 0 0);
  --harmony-tab-bg: oklch(0.259 0 0);
  --harmony-tab-bg-hover: oklch(0.301 0 0);
  --harmony-tab-outline: oklch(0.341 0 0);
  --harmony-border-subtle: oklch(0.28 0 0);
  --harmony-border-default: oklch(0.321 0 0);
}
.dark[data-theme-preset='black'] [data-surface="3"] {
  --harmony-input-bg: oklch(0.238 0 0);
  --harmony-input-border: oklch(0.28 0 0);
  --harmony-input-border-hover: oklch(0.341 0 0);
  --harmony-input-border-focus: oklch(0.396 0 0);
  --harmony-input-border-error: oklch(0.562 0.1966 26.3);
  --harmony-input-border-active: oklch(0.38 0 0);
  --harmony-input-border-highlight: oklch(0.361 0 0);
  --harmony-input-bg-active: oklch(0.27 0 0);
  --harmony-input-bg-highlight: oklch(0.259 0 0);
  --harmony-input-bg-disabled: oklch(0.17 0 0);
  --harmony-input-placeholder: oklch(0.528 0 0);
  --harmony-tab-bg: oklch(0.248 0 0);
  --harmony-tab-bg-hover: oklch(0.29 0 0);
  --harmony-tab-outline: oklch(0.321 0 0);
  --harmony-border-subtle: oklch(0.27 0 0);
  --harmony-border-default: oklch(0.301 0 0);
}
.dark[data-theme-preset='black'] [data-surface="4"] {
  --harmony-input-bg: oklch(0.28 0 0);
  --harmony-input-border: oklch(0.341 0 0);
  --harmony-input-border-hover: oklch(0.399 0 0);
  --harmony-input-border-focus: oklch(0.454 0 0);
  --harmony-input-border-error: oklch(0.562 0.1966 26.3);
  --harmony-input-border-active: oklch(0.437 0 0);
  --harmony-input-border-highlight: oklch(0.418 0 0);
  --harmony-input-bg-active: oklch(0.311 0 0);
  --harmony-input-bg-highlight: oklch(0.301 0 0);
  --harmony-input-bg-disabled: oklch(0.216 0 0);
  --harmony-input-placeholder: oklch(0.528 0 0);
  --harmony-tab-bg: oklch(0.301 0 0);
  --harmony-tab-bg-hover: oklch(0.341 0 0);
  --harmony-tab-outline: oklch(0.38 0 0);
  --harmony-border-subtle: oklch(0.321 0 0);
  --harmony-border-default: oklch(0.361 0 0);
}
