/* @heyharmony/design-tokens — sand preset surface scopes, dark mode */
.dark[data-theme-preset='sand'] [data-surface="0"] {
  --harmony-input-bg: oklch(0.218 0.0088 67.3);
  --harmony-input-border: oklch(0.284 0.0132 67.3);
  --harmony-input-border-hover: oklch(0.348 0.0197 67.1);
  --harmony-input-border-focus: oklch(0.348 0.0197 67.1);
  --harmony-input-border-error: oklch(0.562 0.1966 26.3);
  --harmony-input-border-active: oklch(0.388 0.0227 67.1);
  --harmony-input-border-highlight: oklch(0.368 0.0212 67.1);
  --harmony-input-bg-active: oklch(0.252 0.0111 67.3);
  --harmony-input-bg-highlight: oklch(0.241 0.0103 67.3);
  --harmony-input-bg-disabled: oklch(0.195 0.0062 67.4);
  --harmony-input-placeholder: oklch(0.587 0.019 67.4);
  --harmony-tab-bg: oklch(0.24 0.0089 67.4);
  --harmony-tab-bg-hover: oklch(0.284 0.0114 67.3);
  --harmony-tab-outline: oklch(0.346 0.0149 67.3);
  --harmony-border-subtle: oklch(0.263 0.0118 67.3);
  --harmony-border-default: oklch(0.316 0.0153 67.2);
}
.dark[data-theme-preset='sand'] [data-surface="1"] {
  --harmony-input-bg: oklch(0.252 0.0111 67.3);
  --harmony-input-border: oklch(0.316 0.0153 67.2);
  --harmony-input-border-hover: oklch(0.378 0.0219 67.1);
  --harmony-input-border-focus: oklch(0.378 0.0219 67.1);
  --harmony-input-border-error: oklch(0.562 0.1966 26.3);
  --harmony-input-border-active: oklch(0.417 0.0248 67.1);
  --harmony-input-border-highlight: oklch(0.398 0.0234 67.1);
  --harmony-input-bg-active: oklch(0.284 0.0132 67.3);
  --harmony-input-bg-highlight: oklch(0.274 0.0125 67.3);
  --harmony-input-bg-disabled: oklch(0.229 0.0082 67.4);
  --harmony-input-placeholder: oklch(0.587 0.019 67.4);
  --harmony-tab-bg: oklch(0.273 0.0108 67.4);
  --harmony-tab-bg-hover: oklch(0.315 0.0131 67.3);
  --harmony-tab-outline: oklch(0.376 0.0165 67.3);
  --harmony-border-subtle: oklch(0.295 0.0139 67.2);
  --harmony-border-default: oklch(0.347 0.0173 67.2);
}
.dark[data-theme-preset='sand'] [data-surface="2"] {
  --harmony-input-bg: oklch(0.347 0.0173 67.2);
  --harmony-input-border: oklch(0.406 0.0211 67.2);
  --harmony-input-border-hover: oklch(0.465 0.0283 67);
  --harmony-input-border-focus: oklch(0.465 0.0283 67);
  --harmony-input-border-error: oklch(0.562 0.1966 26.3);
  --harmony-input-border-active: oklch(0.503 0.031 67);
  --harmony-input-border-highlight: oklch(0.484 0.0297 67);
  --harmony-input-bg-active: oklch(0.377 0.0192 67.2);
  --harmony-input-bg-highlight: oklch(0.367 0.0186 67.2);
  --harmony-input-bg-disabled: oklch(0.284 0.0114 67.3);
  --harmony-input-placeholder: oklch(0.587 0.019 67.4);
  --harmony-tab-bg: oklch(0.366 0.016 67.3);
  --harmony-tab-bg-hover: oklch(0.405 0.0182 67.3);
  --harmony-tab-outline: oklch(0.425 0.0192 67.3);
  --harmony-border-subtle: oklch(0.387 0.0199 67.2);
  --harmony-border-default: oklch(0.426 0.0224 67.2);
}
.dark[data-theme-preset='sand'] [data-surface="3"] {
  --harmony-input-bg: oklch(0.326 0.016 67.2);
  --harmony-input-border: oklch(0.387 0.0199 67.2);
  --harmony-input-border-hover: oklch(0.446 0.0269 67);
  --harmony-input-border-focus: oklch(0.446 0.0269 67);
  --harmony-input-border-error: oklch(0.562 0.1966 26.3);
  --harmony-input-border-active: oklch(0.484 0.0297 67);
  --harmony-input-border-highlight: oklch(0.465 0.0283 67);
  --harmony-input-bg-active: oklch(0.357 0.018 67.2);
  --harmony-input-bg-highlight: oklch(0.347 0.0173 67.2);
  --harmony-input-bg-disabled: oklch(0.262 0.0101 67.4);
  --harmony-input-placeholder: oklch(0.587 0.019 67.4);
  --harmony-tab-bg: oklch(0.346 0.0149 67.3);
  --harmony-tab-bg-hover: oklch(0.386 0.0171 67.3);
  --harmony-tab-outline: oklch(0.405 0.0182 67.3);
  --harmony-border-subtle: oklch(0.367 0.0186 67.2);
  --harmony-border-default: oklch(0.406 0.0211 67.2);
}
.dark[data-theme-preset='sand'] [data-surface="4"] {
  --harmony-input-bg: oklch(0.367 0.0186 67.2);
  --harmony-input-border: oklch(0.426 0.0224 67.2);
  --harmony-input-border-hover: oklch(0.484 0.0297 67);
  --harmony-input-border-focus: oklch(0.484 0.0297 67);
  --harmony-input-border-error: oklch(0.562 0.1966 26.3);
  --harmony-input-border-active: oklch(0.521 0.0324 67);
  --harmony-input-border-highlight: oklch(0.503 0.031 67);
  --harmony-input-bg-active: oklch(0.397 0.0205 67.2);
  --harmony-input-bg-highlight: oklch(0.387 0.0199 67.2);
  --harmony-input-bg-disabled: oklch(0.305 0.0125 67.3);
  --harmony-input-placeholder: oklch(0.587 0.019 67.4);
  --harmony-tab-bg: oklch(0.386 0.0171 67.3);
  --harmony-tab-bg-hover: oklch(0.425 0.0192 67.3);
  --harmony-tab-outline: oklch(0.444 0.0203 67.3);
  --harmony-border-subtle: oklch(0.406 0.0211 67.2);
  --harmony-border-default: oklch(0.445 0.0236 67.2);
}