/* @heyharmony/design-tokens — ayu preset surface scopes, light mode */
[data-theme-preset='ayu'] [data-surface="0"] {
  --harmony-input-bg: oklch(1 0 0);
  --harmony-input-border: oklch(0.89 0.0087 247.9);
  --harmony-input-border-hover: oklch(0.825 0.016 248);
  --harmony-input-border-focus: oklch(0.734 0.1823 51.8);
  --harmony-input-border-error: oklch(0.636 0.2082 25.4);
  --harmony-input-border-active: oklch(0.784 0.0199 248.1);
  --harmony-input-border-highlight: oklch(0.825 0.018 248);
  --harmony-input-bg-active: oklch(0.977 0.0016 247.8);
  --harmony-input-bg-highlight: oklch(0.977 0.0024 247.8);
  --harmony-input-bg-disabled: oklch(0.961 0.0026 247.8);
  --harmony-input-placeholder: oklch(0.645 0.0131 253.4);
  --harmony-tab-bg: oklch(0.922 0.0062 247.9);
  --harmony-tab-bg-hover: oklch(0.89 0.0087 247.9);
  --harmony-tab-outline: oklch(0.826 0.012 248);
  --harmony-border-subtle: oklch(0.906 0.0075 247.9);
  --harmony-border-default: oklch(0.842 0.0127 248);
}
[data-theme-preset='ayu'] [data-surface="1"] {
  --harmony-input-bg: oklch(1 0 0);
  --harmony-input-border: oklch(0.89 0.0087 247.9);
  --harmony-input-border-hover: oklch(0.825 0.016 248);
  --harmony-input-border-focus: oklch(0.734 0.1823 51.8);
  --harmony-input-border-error: oklch(0.636 0.2082 25.4);
  --harmony-input-border-active: oklch(0.784 0.0199 248.1);
  --harmony-input-border-highlight: oklch(0.825 0.018 248);
  --harmony-input-bg-active: oklch(0.977 0.0016 247.8);
  --harmony-input-bg-highlight: oklch(0.977 0.0024 247.8);
  --harmony-input-bg-disabled: oklch(0.961 0.0026 247.8);
  --harmony-input-placeholder: oklch(0.645 0.0131 253.4);
  --harmony-tab-bg: oklch(0.922 0.0062 247.9);
  --harmony-tab-bg-hover: oklch(0.89 0.0087 247.9);
  --harmony-tab-outline: oklch(0.826 0.012 248);
  --harmony-border-subtle: oklch(0.906 0.0075 247.9);
  --harmony-border-default: oklch(0.842 0.0127 248);
}
[data-theme-preset='ayu'] [data-surface="2"] {
  --harmony-input-bg: oklch(0.992 0.0006 247.8);
  --harmony-input-border: oklch(0.874 0.01 247.9);
  --harmony-input-border-hover: oklch(0.817 0.0168 248);
  --harmony-input-border-focus: oklch(0.734 0.1823 51.8);
  --harmony-input-border-error: oklch(0.636 0.2082 25.4);
  --harmony-input-border-active: oklch(0.776 0.0207 248.1);
  --harmony-input-border-highlight: oklch(0.816 0.0189 248.1);
  --harmony-input-bg-active: oklch(0.969 0.0021 247.8);
  --harmony-input-bg-highlight: oklch(0.969 0.0031 247.9);
  --harmony-input-bg-disabled: oklch(0.953 0.0032 247.9);
  --harmony-input-placeholder: oklch(0.645 0.0131 253.4);
  --harmony-tab-bg: oklch(0.906 0.0064 247.9);
  --harmony-tab-bg-hover: oklch(0.882 0.008 247.9);
  --harmony-tab-outline: oklch(0.826 0.012 248);
  --harmony-border-subtle: oklch(0.89 0.0087 247.9);
  --harmony-border-default: oklch(0.834 0.0133 248);
}
[data-theme-preset='ayu'] [data-surface="3"] {
  --harmony-input-bg: oklch(0.969 0.0024 247.8);
  --harmony-input-border: oklch(0.866 0.0107 248);
  --harmony-input-border-hover: oklch(0.809 0.0175 248);
  --harmony-input-border-focus: oklch(0.734 0.1823 51.8);
  --harmony-input-border-error: oklch(0.636 0.2082 25.4);
  --harmony-input-border-active: oklch(0.768 0.0215 248.1);
  --harmony-input-border-highlight: oklch(0.808 0.0197 248.1);
  --harmony-input-bg-active: oklch(0.946 0.0037 247.9);
  --harmony-input-bg-highlight: oklch(0.953 0.0047 247.9);
  --harmony-input-bg-disabled: oklch(0.946 0.0037 247.9);
  --harmony-input-placeholder: oklch(0.645 0.0131 253.4);
  --harmony-tab-bg: oklch(0.953 0.0032 247.9);
  --harmony-tab-bg-hover: oklch(0.93 0.0048 247.9);
  --harmony-tab-outline: oklch(0.826 0.012 248);
  --harmony-border-subtle: oklch(0.89 0.0087 247.9);
  --harmony-border-default: oklch(0.826 0.014 248);
}
[data-theme-preset='ayu'] [data-surface="4"] {
  --harmony-input-bg: oklch(0.969 0.0024 247.8);
  --harmony-input-border: oklch(0.866 0.0107 248);
  --harmony-input-border-hover: oklch(0.809 0.0175 248);
  --harmony-input-border-focus: oklch(0.734 0.1823 51.8);
  --harmony-input-border-error: oklch(0.636 0.2082 25.4);
  --harmony-input-border-active: oklch(0.768 0.0215 248.1);
  --harmony-input-border-highlight: oklch(0.808 0.0197 248.1);
  --harmony-input-bg-active: oklch(0.946 0.0037 247.9);
  --harmony-input-bg-highlight: oklch(0.953 0.0047 247.9);
  --harmony-input-bg-disabled: oklch(0.946 0.0037 247.9);
  --harmony-input-placeholder: oklch(0.645 0.0131 253.4);
  --harmony-tab-bg: oklch(0.953 0.0032 247.9);
  --harmony-tab-bg-hover: oklch(0.93 0.0048 247.9);
  --harmony-tab-outline: oklch(0.826 0.012 248);
  --harmony-border-subtle: oklch(0.89 0.0087 247.9);
  --harmony-border-default: oklch(0.826 0.014 248);
}