/* @heyharmony/design-tokens — surface scopes, light mode */
[data-surface="0"] {
  --harmony-fg: oklch(0.145 0 0);
  --harmony-fg-secondary: oklch(0.48 0 0);
  --harmony-fg-tertiary: oklch(0.55 0 0);
  --harmony-fg-disabled: oklch(0.68 0 0);
  --harmony-input-bg: oklch(1 0 0);
  --harmony-input-border: oklch(0.885 0 0);
  --harmony-input-border-hover: oklch(0.829 0 0);
  --harmony-input-border-focus: oklch(0.829 0 0);
  --harmony-input-border-error: oklch(0.636 0.2082 25.4);
  --harmony-input-border-active: oklch(0.789 0 0);
  --harmony-input-border-highlight: oklch(0.836 0.0111 84.6);
  --harmony-input-bg-active: oklch(0.977 0 0);
  --harmony-input-bg-highlight: oklch(0.978 0.0022 84.6);
  --harmony-input-bg-disabled: oklch(0.962 0 0);
  --harmony-input-placeholder: oklch(0.649 0 0);
  --harmony-tab-bg: oklch(0.918 0.0043 84.6);
  --harmony-tab-bg-hover: oklch(0.896 0.0056 84.6);
  --harmony-tab-outline: oklch(0.829 0 0);
  --harmony-border-subtle: oklch(0.9 0 0);
  --harmony-border-default: oklch(0.845 0 0);
  --cta-bg: oklch(0.145 0 0);
  --cta-fg: oklch(0.985 0 0);
  --cta-bg-hover: oklch(0.25 0 0);
  --cta-bg-active: oklch(0.32 0 0);
  --cta-border: oklch(0.145 0 0);
}
[data-surface="1"] {
  --harmony-fg: oklch(0.145 0 0);
  --harmony-fg-secondary: oklch(0.48 0 0);
  --harmony-fg-tertiary: oklch(0.55 0 0);
  --harmony-fg-disabled: oklch(0.68 0 0);
  --harmony-input-bg: oklch(1 0 0);
  --harmony-input-border: oklch(0.885 0 0);
  --harmony-input-border-hover: oklch(0.829 0 0);
  --harmony-input-border-focus: oklch(0.829 0 0);
  --harmony-input-border-error: oklch(0.636 0.2082 25.4);
  --harmony-input-border-active: oklch(0.789 0 0);
  --harmony-input-border-highlight: oklch(0.836 0.0111 84.6);
  --harmony-input-bg-active: oklch(0.977 0 0);
  --harmony-input-bg-highlight: oklch(0.978 0.0022 84.6);
  --harmony-input-bg-disabled: oklch(0.962 0 0);
  --harmony-input-placeholder: oklch(0.649 0 0);
  --harmony-tab-bg: oklch(0.918 0.0043 84.6);
  --harmony-tab-bg-hover: oklch(0.896 0.0056 84.6);
  --harmony-tab-outline: oklch(0.829 0 0);
  --harmony-border-subtle: oklch(0.9 0 0);
  --harmony-border-default: oklch(0.845 0 0);
  --cta-bg: oklch(0.18 0 0);
  --cta-fg: oklch(0.985 0 0);
  --cta-bg-hover: oklch(0.28 0 0);
  --cta-bg-active: oklch(0.35 0 0);
  --cta-border: oklch(0.18 0 0);
}
[data-surface="2"] {
  --harmony-fg: oklch(0.145 0 0);
  --harmony-fg-secondary: oklch(0.48 0 0);
  --harmony-fg-tertiary: oklch(0.55 0 0);
  --harmony-fg-disabled: oklch(0.68 0 0);
  --harmony-input-bg: oklch(0.992 0 0);
  --harmony-input-border: oklch(0.877 0 0);
  --harmony-input-border-hover: oklch(0.821 0 0);
  --harmony-input-border-focus: oklch(0.821 0 0);
  --harmony-input-border-error: oklch(0.636 0.2082 25.4);
  --harmony-input-border-active: oklch(0.781 0 0);
  --harmony-input-border-highlight: oklch(0.828 0.0116 84.6);
  --harmony-input-bg-active: oklch(0.97 0 0);
  --harmony-input-bg-highlight: oklch(0.971 0.0029 84.6);
  --harmony-input-bg-disabled: oklch(0.954 0 0);
  --harmony-input-placeholder: oklch(0.649 0 0);
  --harmony-tab-bg: oklch(0.9 0 0);
  --harmony-tab-bg-hover: oklch(0.877 0 0);
  --harmony-tab-outline: oklch(0.829 0 0);
  --harmony-border-subtle: oklch(0.892 0 0);
  --harmony-border-default: oklch(0.837 0 0);
  --cta-bg: oklch(0.22 0 0);
  --cta-fg: oklch(0.985 0 0);
  --cta-bg-hover: oklch(0.32 0 0);
  --cta-bg-active: oklch(0.39 0 0);
  --cta-border: oklch(0.22 0 0);
}
[data-surface="3"] {
  --harmony-fg: oklch(0.145 0 0);
  --harmony-fg-secondary: oklch(0.48 0 0);
  --harmony-fg-tertiary: oklch(0.55 0 0);
  --harmony-fg-disabled: oklch(0.68 0 0);
  --harmony-input-bg: oklch(0.97 0 0);
  --harmony-input-border: oklch(0.861 0 0);
  --harmony-input-border-hover: oklch(0.805 0 0);
  --harmony-input-border-focus: oklch(0.805 0 0);
  --harmony-input-border-error: oklch(0.636 0.2082 25.4);
  --harmony-input-border-active: oklch(0.765 0 0);
  --harmony-input-border-highlight: oklch(0.813 0.0127 84.6);
  --harmony-input-bg-active: oklch(0.947 0 0);
  --harmony-input-bg-highlight: oklch(0.957 0.0044 84.6);
  --harmony-input-bg-disabled: oklch(0.947 0 0);
  --harmony-input-placeholder: oklch(0.649 0 0);
  --harmony-tab-bg: oklch(0.954 0 0);
  --harmony-tab-bg-hover: oklch(0.931 0 0);
  --harmony-tab-outline: oklch(0.829 0 0);
  --harmony-border-subtle: oklch(0.885 0 0);
  --harmony-border-default: oklch(0.829 0 0);
  --cta-bg: oklch(0.26 0 0);
  --cta-fg: oklch(0.985 0 0);
  --cta-bg-hover: oklch(0.36 0 0);
  --cta-bg-active: oklch(0.43 0 0);
  --cta-border: oklch(0.26 0 0);
}
[data-surface="4"] {
  --harmony-fg: oklch(0.145 0 0);
  --harmony-fg-secondary: oklch(0.48 0 0);
  --harmony-fg-tertiary: oklch(0.55 0 0);
  --harmony-fg-disabled: oklch(0.68 0 0);
  --harmony-input-bg: oklch(0.97 0 0);
  --harmony-input-border: oklch(0.861 0 0);
  --harmony-input-border-hover: oklch(0.805 0 0);
  --harmony-input-border-focus: oklch(0.805 0 0);
  --harmony-input-border-error: oklch(0.636 0.2082 25.4);
  --harmony-input-border-active: oklch(0.765 0 0);
  --harmony-input-border-highlight: oklch(0.813 0.0127 84.6);
  --harmony-input-bg-active: oklch(0.947 0 0);
  --harmony-input-bg-highlight: oklch(0.957 0.0044 84.6);
  --harmony-input-bg-disabled: oklch(0.947 0 0);
  --harmony-input-placeholder: oklch(0.649 0 0);
  --harmony-tab-bg: oklch(0.954 0 0);
  --harmony-tab-bg-hover: oklch(0.931 0 0);
  --harmony-tab-outline: oklch(0.829 0 0);
  --harmony-border-subtle: oklch(0.885 0 0);
  --harmony-border-default: oklch(0.829 0 0);
  --cta-bg: oklch(0.3 0 0);
  --cta-fg: oklch(0.985 0 0);
  --cta-bg-hover: oklch(0.4 0 0);
  --cta-bg-active: oklch(0.47 0 0);
  --cta-border: oklch(0.3 0 0);
}