/* @heyharmony/design-tokens — ocean preset surface scopes, dark mode */
.dark[data-theme-preset='ocean'] [data-surface="0"] {
  --harmony-input-bg: oklch(0.203 0.007 248.2);
  --harmony-input-border: oklch(0.277 0.0115 248.2);
  --harmony-input-border-hover: oklch(0.337 0.0187 248.4);
  --harmony-input-border-focus: oklch(0.337 0.0187 248.4);
  --harmony-input-border-error: oklch(0.562 0.1966 26.3);
  --harmony-input-border-active: oklch(0.375 0.0215 248.4);
  --harmony-input-border-highlight: oklch(0.356 0.0201 248.4);
  --harmony-input-bg-active: oklch(0.235 0.009 248.2);
  --harmony-input-bg-highlight: oklch(0.225 0.0083 248.2);
  --harmony-input-bg-disabled: oklch(0.18 0.0047 248.1);
  --harmony-input-placeholder: oklch(0.577 0.0143 248.1);
  --harmony-tab-bg: oklch(0.225 0.0069 248.1);
  --harmony-tab-bg-hover: oklch(0.267 0.009 248.2);
  --harmony-tab-outline: oklch(0.338 0.0125 248.2);
  --harmony-border-subtle: oklch(0.246 0.0096 248.2);
  --harmony-border-default: oklch(0.298 0.0127 248.3);
}
.dark[data-theme-preset='ocean'] [data-surface="1"] {
  --harmony-input-bg: oklch(0.235 0.009 248.2);
  --harmony-input-border: oklch(0.298 0.0127 248.3);
  --harmony-input-border-hover: oklch(0.356 0.0201 248.4);
  --harmony-input-border-focus: oklch(0.356 0.0201 248.4);
  --harmony-input-border-error: oklch(0.562 0.1966 26.3);
  --harmony-input-border-active: oklch(0.394 0.0229 248.4);
  --harmony-input-border-highlight: oklch(0.375 0.0215 248.4);
  --harmony-input-bg-active: oklch(0.267 0.0108 248.2);
  --harmony-input-bg-highlight: oklch(0.257 0.0102 248.2);
  --harmony-input-bg-disabled: oklch(0.214 0.0064 248.1);
  --harmony-input-placeholder: oklch(0.577 0.0143 248.1);
  --harmony-tab-bg: oklch(0.257 0.0085 248.2);
  --harmony-tab-bg-hover: oklch(0.298 0.0105 248.2);
  --harmony-tab-outline: oklch(0.357 0.0134 248.2);
  --harmony-border-subtle: oklch(0.277 0.0115 248.2);
  --harmony-border-default: oklch(0.328 0.0144 248.3);
}
.dark[data-theme-preset='ocean'] [data-surface="2"] {
  --harmony-input-bg: oklch(0.337 0.015 248.3);
  --harmony-input-border: oklch(0.395 0.0183 248.3);
  --harmony-input-border-hover: oklch(0.449 0.0269 248.4);
  --harmony-input-border-focus: oklch(0.449 0.0269 248.4);
  --harmony-input-border-error: oklch(0.562 0.1966 26.3);
  --harmony-input-border-active: oklch(0.485 0.0295 248.4);
  --harmony-input-border-highlight: oklch(0.468 0.0282 248.4);
  --harmony-input-bg-active: oklch(0.366 0.0167 248.3);
  --harmony-input-bg-highlight: oklch(0.357 0.0161 248.3);
  --harmony-input-bg-disabled: oklch(0.278 0.0095 248.2);
  --harmony-input-placeholder: oklch(0.577 0.0143 248.1);
  --harmony-tab-bg: oklch(0.357 0.0134 248.2);
  --harmony-tab-bg-hover: oklch(0.396 0.0153 248.2);
  --harmony-tab-outline: oklch(0.414 0.0162 248.2);
  --harmony-border-subtle: oklch(0.376 0.0172 248.3);
  --harmony-border-default: oklch(0.414 0.0194 248.3);
}
.dark[data-theme-preset='ocean'] [data-surface="3"] {
  --harmony-input-bg: oklch(0.318 0.0138 248.3);
  --harmony-input-border: oklch(0.376 0.0172 248.3);
  --harmony-input-border-hover: oklch(0.431 0.0256 248.4);
  --harmony-input-border-focus: oklch(0.431 0.0256 248.4);
  --harmony-input-border-error: oklch(0.562 0.1966 26.3);
  --harmony-input-border-active: oklch(0.468 0.0282 248.4);
  --harmony-input-border-highlight: oklch(0.449 0.0269 248.4);
  --harmony-input-bg-active: oklch(0.347 0.0156 248.3);
  --harmony-input-bg-highlight: oklch(0.337 0.015 248.3);
  --harmony-input-bg-disabled: oklch(0.257 0.0085 248.2);
  --harmony-input-placeholder: oklch(0.577 0.0143 248.1);
  --harmony-tab-bg: oklch(0.338 0.0125 248.2);
  --harmony-tab-bg-hover: oklch(0.377 0.0144 248.2);
  --harmony-tab-outline: oklch(0.396 0.0153 248.2);
  --harmony-border-subtle: oklch(0.357 0.0161 248.3);
  --harmony-border-default: oklch(0.395 0.0183 248.3);
}
.dark[data-theme-preset='ocean'] [data-surface="4"] {
  --harmony-input-bg: oklch(0.357 0.0161 248.3);
  --harmony-input-border: oklch(0.414 0.0194 248.3);
  --harmony-input-border-hover: oklch(0.468 0.0282 248.4);
  --harmony-input-border-focus: oklch(0.468 0.0282 248.4);
  --harmony-input-border-error: oklch(0.562 0.1966 26.3);
  --harmony-input-border-active: oklch(0.503 0.0308 248.4);
  --harmony-input-border-highlight: oklch(0.485 0.0295 248.4);
  --harmony-input-bg-active: oklch(0.386 0.0178 248.3);
  --harmony-input-bg-highlight: oklch(0.376 0.0172 248.3);
  --harmony-input-bg-disabled: oklch(0.298 0.0105 248.2);
  --harmony-input-placeholder: oklch(0.577 0.0143 248.1);
  --harmony-tab-bg: oklch(0.377 0.0144 248.2);
  --harmony-tab-bg-hover: oklch(0.414 0.0162 248.2);
  --harmony-tab-outline: oklch(0.433 0.0171 248.2);
  --harmony-border-subtle: oklch(0.395 0.0183 248.3);
  --harmony-border-default: oklch(0.432 0.0205 248.3);
}