/* @heyharmony/design-tokens — ocean preset surface scopes, light mode */
[data-theme-preset='ocean'] [data-surface="0"] {
  --harmony-fg: oklch(0.923 0 0);
  --harmony-fg-secondary: oklch(0.715 0 0);
  --harmony-fg-tertiary: oklch(0.6 0 0);
  --harmony-fg-disabled: oklch(0.48 0 0);
  --harmony-input-bg: oklch(1 0 0);
  --harmony-input-border: oklch(0.883 0.0067 247.9);
  --harmony-input-border-hover: oklch(0.826 0.012 248);
  --harmony-input-border-focus: oklch(0.826 0.012 248);
  --harmony-input-border-error: oklch(0.636 0.2082 25.4);
  --harmony-input-border-active: oklch(0.785 0.0149 248);
  --harmony-input-border-highlight: oklch(0.825 0.015 248);
  --harmony-input-bg-active: oklch(0.977 0.001 247.8);
  --harmony-input-bg-highlight: oklch(0.977 0.002 247.8);
  --harmony-input-bg-disabled: oklch(0.961 0.0018 247.8);
  --harmony-input-placeholder: oklch(0.647 0.0106 248);
  --harmony-tab-bg: oklch(0.914 0.0049 247.9);
  --harmony-tab-bg-hover: oklch(0.891 0.0062 247.9);
  --harmony-tab-outline: oklch(0.827 0.008 247.9);
  --harmony-border-subtle: oklch(0.899 0.0058 247.9);
  --harmony-border-default: oklch(0.843 0.009 247.9);
}
[data-theme-preset='ocean'] [data-surface="1"] {
  --harmony-input-bg: oklch(1 0 0);
  --harmony-input-border: oklch(0.883 0.0067 247.9);
  --harmony-input-border-hover: oklch(0.826 0.012 248);
  --harmony-input-border-focus: oklch(0.826 0.012 248);
  --harmony-input-border-error: oklch(0.636 0.2082 25.4);
  --harmony-input-border-active: oklch(0.785 0.0149 248);
  --harmony-input-border-highlight: oklch(0.825 0.015 248);
  --harmony-input-bg-active: oklch(0.977 0.001 247.8);
  --harmony-input-bg-highlight: oklch(0.977 0.002 247.8);
  --harmony-input-bg-disabled: oklch(0.961 0.0018 247.8);
  --harmony-input-placeholder: oklch(0.647 0.0106 248);
  --harmony-tab-bg: oklch(0.914 0.0049 247.9);
  --harmony-tab-bg-hover: oklch(0.891 0.0062 247.9);
  --harmony-tab-outline: oklch(0.827 0.008 247.9);
  --harmony-border-subtle: oklch(0.899 0.0058 247.9);
  --harmony-border-default: oklch(0.843 0.009 247.9);
}
[data-theme-preset='ocean'] [data-surface="2"] {
  --harmony-input-bg: oklch(0.992 0.0004 247.8);
  --harmony-input-border: oklch(0.875 0.0072 247.9);
  --harmony-input-border-hover: oklch(0.818 0.0126 248);
  --harmony-input-border-focus: oklch(0.818 0.0126 248);
  --harmony-input-border-error: oklch(0.636 0.2082 25.4);
  --harmony-input-border-active: oklch(0.777 0.0155 248);
  --harmony-input-border-highlight: oklch(0.817 0.0157 248);
  --harmony-input-bg-active: oklch(0.969 0.0014 247.8);
  --harmony-input-bg-highlight: oklch(0.969 0.0026 247.8);
  --harmony-input-bg-disabled: oklch(0.954 0.0021 247.8);
  --harmony-input-placeholder: oklch(0.647 0.0106 248);
  --harmony-tab-bg: oklch(0.899 0.0046 247.9);
  --harmony-tab-bg-hover: oklch(0.875 0.0057 247.9);
  --harmony-tab-outline: oklch(0.827 0.008 247.9);
  --harmony-border-subtle: oklch(0.891 0.0062 247.9);
  --harmony-border-default: oklch(0.835 0.0095 247.9);
}
[data-theme-preset='ocean'] [data-surface="3"] {
  --harmony-input-bg: oklch(0.969 0.0017 247.8);
  --harmony-input-border: oklch(0.859 0.0081 247.9);
  --harmony-input-border-hover: oklch(0.802 0.0137 248);
  --harmony-input-border-focus: oklch(0.802 0.0137 248);
  --harmony-input-border-error: oklch(0.636 0.2082 25.4);
  --harmony-input-border-active: oklch(0.761 0.0167 248);
  --harmony-input-border-highlight: oklch(0.801 0.0172 248);
  --harmony-input-bg-active: oklch(0.946 0.0025 247.8);
  --harmony-input-bg-highlight: oklch(0.953 0.0039 247.9);
  --harmony-input-bg-disabled: oklch(0.946 0.0025 247.8);
  --harmony-input-placeholder: oklch(0.647 0.0106 248);
  --harmony-tab-bg: oklch(0.954 0.0021 247.8);
  --harmony-tab-bg-hover: oklch(0.93 0.0032 247.9);
  --harmony-tab-outline: oklch(0.827 0.008 247.9);
  --harmony-border-subtle: oklch(0.883 0.0067 247.9);
  --harmony-border-default: oklch(0.827 0.01 247.9);
}
[data-theme-preset='ocean'] [data-surface="4"] {
  --harmony-input-bg: oklch(0.969 0.0017 247.8);
  --harmony-input-border: oklch(0.859 0.0081 247.9);
  --harmony-input-border-hover: oklch(0.802 0.0137 248);
  --harmony-input-border-focus: oklch(0.802 0.0137 248);
  --harmony-input-border-error: oklch(0.636 0.2082 25.4);
  --harmony-input-border-active: oklch(0.761 0.0167 248);
  --harmony-input-border-highlight: oklch(0.801 0.0172 248);
  --harmony-input-bg-active: oklch(0.946 0.0025 247.8);
  --harmony-input-bg-highlight: oklch(0.953 0.0039 247.9);
  --harmony-input-bg-disabled: oklch(0.946 0.0025 247.8);
  --harmony-input-placeholder: oklch(0.647 0.0106 248);
  --harmony-tab-bg: oklch(0.954 0.0021 247.8);
  --harmony-tab-bg-hover: oklch(0.93 0.0032 247.9);
  --harmony-tab-outline: oklch(0.827 0.008 247.9);
  --harmony-border-subtle: oklch(0.883 0.0067 247.9);
  --harmony-border-default: oklch(0.827 0.01 247.9);
}