/**
 * Generated by quanta codegen — DO NOT EDIT.
 * Regenerate via `yarn workspace @higgsfield/quanta tokens:emit`.
 *
 * Source: @higgsfield-ai/design-tokens (Figma Variables).
 */

@layer quanta-theme {

  :where(:root),
  :where([data-theme="default-light"]) {
    color-scheme: light;

    --hf-color-background-elevated-end: var(--hf-color-neutral-550);
    --hf-color-background-elevated-start: var(--hf-color-neutral-350);
    --hf-color-background-glass: var(--hf-color-glass-light);
    --hf-color-background-inverse: var(--hf-color-grey-550);
    --hf-color-background-primary: var(--hf-color-grey-050);
    --hf-color-background-secondary: var(--hf-color-grey-100);
    --hf-color-background-secondary-strong: var(--hf-color-neutral-100);
    --hf-color-background-tertiary: var(--hf-color-grey-250);

    --hf-color-border-default: var(--hf-color-transparent-dark-10);
    --hf-color-border-error: var(--hf-color-red-700);
    --hf-color-border-focus: var(--hf-color-lime-500);
    --hf-color-border-inverse: var(--hf-color-grey-550);
    --hf-color-border-strong: var(--hf-color-transparent-dark-20);
    --hf-color-border-subtle: var(--hf-color-transparent-dark-05);
    --hf-color-border-success: var(--hf-color-green-500);
    --hf-color-border-warning: var(--hf-color-yellow-700);

    --hf-color-brand-blue: var(--hf-color-blue-500);
    --hf-color-brand-cyan: var(--hf-color-cyan-600);
    --hf-color-brand-green: var(--hf-color-green-500);
    --hf-color-brand-orange: var(--hf-color-orange-400);
    --hf-color-brand-pink: var(--hf-color-pink-500);
    --hf-color-brand-primary: var(--hf-color-lime-500);
    --hf-color-brand-red: var(--hf-color-red-700);
    --hf-color-brand-yellow: var(--hf-color-yellow-500);
    --hf-color-brand-yellow-light: var(--hf-color-yellow-300);

    --hf-color-button-brand: var(--hf-color-lime-500);
    --hf-color-button-destructive: var(--hf-color-red-700);
    --hf-color-button-label-brand: var(--hf-color-grey-550);
    --hf-color-button-label-destructive: var(--hf-color-grey-050);
    --hf-color-button-primary: var(--hf-color-grey-600);
    --hf-color-button-secondary: var(--hf-color-neutral-100);
    --hf-color-button-tertiary: var(--hf-color-neutral-150);

    --hf-color-icon-accent: var(--hf-color-lime-500);
    --hf-color-icon-brand: var(--hf-color-lime-500);
    --hf-color-icon-disabled: var(--hf-color-grey-150);
    --hf-color-icon-error: var(--hf-color-red-700);
    --hf-color-icon-info: var(--hf-color-blue-500);
    --hf-color-icon-inverse: var(--hf-color-grey-050);
    --hf-color-icon-on-overlay-secondary: var(--hf-color-transparent-dark-50);
    --hf-color-icon-on-overlay-tertiary: var(--hf-color-transparent-dark-30);
    --hf-color-icon-primary: var(--hf-color-grey-550);
    --hf-color-icon-secondary: var(--hf-color-grey-300);
    --hf-color-icon-success: var(--hf-color-green-600);
    --hf-color-icon-tertiary: var(--hf-color-grey-200);
    --hf-color-icon-warning: var(--hf-color-yellow-700);

    --hf-color-overlay-dim-soft: var(--hf-color-transparent-dark-05);
    --hf-color-overlay-dim-strong: var(--hf-color-transparent-dark-20);
    --hf-color-overlay-hover: var(--hf-color-transparent-dark-05);
    --hf-color-overlay-scrim: var(--hf-color-transparent-dark-50);
    --hf-color-overlay-wash: var(--hf-color-transparent-light-50);

    --hf-color-palette-blue-bg: var(--hf-color-blue-200);
    --hf-color-palette-blue-text: var(--hf-color-blue-600);
    --hf-color-palette-brown-bg: var(--hf-color-yellow-300);
    --hf-color-palette-brown-text: var(--hf-color-yellow-700);
    --hf-color-palette-mint-bg: var(--hf-color-green-200);
    --hf-color-palette-mint-text: var(--hf-color-green-800);
    --hf-color-palette-orange-bg: var(--hf-color-orange-300);
    --hf-color-palette-orange-text: var(--hf-color-orange-800);
    --hf-color-palette-pink-bg: var(--hf-color-pink-200);
    --hf-color-palette-pink-text: var(--hf-color-pink-700);
    --hf-color-palette-purple-bg: var(--hf-color-purple-200);
    --hf-color-palette-purple-text: var(--hf-color-purple-800);
    --hf-color-palette-white: var(--hf-color-grey-050);

    --hf-color-shadow-2xl: var(--hf-color-transparent-dark-40);
    --hf-color-shadow-lg: var(--hf-color-transparent-dark-20);
    --hf-color-shadow-md: var(--hf-color-transparent-dark-15);
    --hf-color-shadow-sm: var(--hf-color-transparent-dark-05);
    --hf-color-shadow-xl: var(--hf-color-transparent-dark-30);

    --hf-color-state-error-bg: var(--hf-color-red-100);
    --hf-color-state-error-fg: var(--hf-color-red-700);
    --hf-color-state-error-fg-soft: var(--hf-color-red-600);
    --hf-color-state-error-glow: var(--hf-color-red-glow);
    --hf-color-state-info-bg: var(--hf-color-blue-100);
    --hf-color-state-info-fg: var(--hf-color-blue-500);
    --hf-color-state-info-fg-soft: var(--hf-color-blue-400);
    --hf-color-state-success-bg: var(--hf-color-green-100);
    --hf-color-state-success-fg: var(--hf-color-green-600);
    --hf-color-state-success-fg-soft: var(--hf-color-green-600);
    --hf-color-state-success-glow: var(--hf-color-green-glow);
    --hf-color-state-warning-bg: var(--hf-color-yellow-100);
    --hf-color-state-warning-fg: var(--hf-color-yellow-700);
    --hf-color-state-warning-fg-soft: var(--hf-color-yellow-600);
    --hf-color-state-warning-glow: var(--hf-color-yellow-glow);

    --hf-color-text-brand: var(--hf-color-lime-500);
    --hf-color-text-danger: var(--hf-color-red-700);
    --hf-color-text-disabled: var(--hf-color-grey-150);
    --hf-color-text-info: var(--hf-color-blue-600);
    --hf-color-text-inverse: var(--hf-color-grey-050);
    --hf-color-text-link: var(--hf-color-lime-500);
    --hf-color-text-on-overlay-secondary: var(--hf-color-transparent-dark-50);
    --hf-color-text-on-overlay-tertiary: var(--hf-color-transparent-dark-30);
    --hf-color-text-primary: var(--hf-color-grey-550);
    --hf-color-text-secondary: var(--hf-color-grey-300);
    --hf-color-text-success: var(--hf-color-green-600);
    --hf-color-text-tertiary: var(--hf-color-grey-200);
    --hf-color-text-warning: var(--hf-color-orange-600);

    --hf-color-transparent-lime-05: var(--hf-color-lime-alpha-05);
    --hf-color-transparent-lime-10: var(--hf-color-lime-alpha-10);
    --hf-color-transparent-lime-100: var(--hf-color-lime-alpha-100);
    --hf-color-transparent-lime-15: var(--hf-color-lime-alpha-15);
    --hf-color-transparent-lime-20: var(--hf-color-lime-alpha-20);
    --hf-color-transparent-lime-30: var(--hf-color-lime-alpha-30);
    --hf-color-transparent-lime-40: var(--hf-color-lime-alpha-40);
    --hf-color-transparent-lime-50: var(--hf-color-lime-alpha-50);
    --hf-color-transparent-lime-60: var(--hf-color-lime-alpha-60);
    --hf-color-transparent-lime-70: var(--hf-color-lime-alpha-70);
    --hf-color-transparent-lime-80: var(--hf-color-lime-alpha-80);
    --hf-color-transparent-lime-90: var(--hf-color-lime-alpha-90);
    --hf-color-transparent-pink-05: var(--hf-color-pink-alpha-05);
    --hf-color-transparent-pink-10: var(--hf-color-pink-alpha-10);
    --hf-color-transparent-pink-100: var(--hf-color-pink-alpha-100);
    --hf-color-transparent-pink-15: var(--hf-color-pink-alpha-15);
    --hf-color-transparent-pink-20: var(--hf-color-pink-alpha-20);
    --hf-color-transparent-pink-30: var(--hf-color-pink-alpha-30);
    --hf-color-transparent-pink-40: var(--hf-color-pink-alpha-40);
    --hf-color-transparent-pink-50: var(--hf-color-pink-alpha-50);
    --hf-color-transparent-pink-60: var(--hf-color-pink-alpha-60);
    --hf-color-transparent-pink-70: var(--hf-color-pink-alpha-70);
    --hf-color-transparent-pink-80: var(--hf-color-pink-alpha-80);
    --hf-color-transparent-pink-90: var(--hf-color-pink-alpha-90);
  }

  :where([data-theme="default-dark"]) {
    color-scheme: dark;

    --hf-color-background-elevated-end: var(--hf-color-cool-350);
    --hf-color-background-elevated-start: var(--hf-color-cool-150);
    --hf-color-background-glass: var(--hf-color-glass-dark);
    --hf-color-background-inverse: var(--hf-color-grey-050);
    --hf-color-background-primary: var(--hf-color-cool-400);
    --hf-color-background-secondary: var(--hf-color-cool-300);
    --hf-color-background-secondary-strong: var(--hf-color-cool-250);
    --hf-color-background-tertiary: var(--hf-color-cool-200);

    --hf-color-border-default: var(--hf-color-transparent-light-10);
    --hf-color-border-error: var(--hf-color-red-600);
    --hf-color-border-focus: var(--hf-color-lime-500);
    --hf-color-border-inverse: var(--hf-color-grey-050);
    --hf-color-border-strong: var(--hf-color-transparent-light-20);
    --hf-color-border-subtle: var(--hf-color-transparent-light-05);
    --hf-color-border-success: var(--hf-color-green-500);
    --hf-color-border-warning: var(--hf-color-yellow-500);

    --hf-color-brand-blue: var(--hf-color-blue-500);
    --hf-color-brand-cyan: var(--hf-color-cyan-500);
    --hf-color-brand-green: var(--hf-color-green-500);
    --hf-color-brand-orange: var(--hf-color-orange-600);
    --hf-color-brand-pink: var(--hf-color-pink-500);
    --hf-color-brand-primary: var(--hf-color-lime-500);
    --hf-color-brand-red: var(--hf-color-red-600);
    --hf-color-brand-yellow: var(--hf-color-yellow-500);
    --hf-color-brand-yellow-light: var(--hf-color-yellow-300);

    --hf-color-button-brand: var(--hf-color-lime-500);
    --hf-color-button-destructive: var(--hf-color-red-600);
    --hf-color-button-label-brand: var(--hf-color-grey-550);
    --hf-color-button-label-destructive: var(--hf-color-grey-050);
    --hf-color-button-primary: var(--hf-color-grey-050);
    --hf-color-button-secondary: var(--hf-color-cool-250);
    --hf-color-button-tertiary: var(--hf-color-cool-050);

    --hf-color-icon-accent: var(--hf-color-lime-500);
    --hf-color-icon-brand: var(--hf-color-lime-500);
    --hf-color-icon-disabled: var(--hf-color-cool-100);
    --hf-color-icon-error: var(--hf-color-red-600);
    --hf-color-icon-info: var(--hf-color-blue-500);
    --hf-color-icon-inverse: var(--hf-color-grey-550);
    --hf-color-icon-on-overlay-secondary: var(--hf-color-transparent-light-50);
    --hf-color-icon-on-overlay-tertiary: var(--hf-color-transparent-light-30);
    --hf-color-icon-primary: var(--hf-color-grey-050);
    --hf-color-icon-secondary: var(--hf-color-grey-300);
    --hf-color-icon-success: var(--hf-color-green-500);
    --hf-color-icon-tertiary: var(--hf-color-grey-325);
    --hf-color-icon-warning: var(--hf-color-yellow-700);

    --hf-color-overlay-dim-soft: var(--hf-color-transparent-light-05);
    --hf-color-overlay-dim-strong: var(--hf-color-transparent-light-20);
    --hf-color-overlay-hover: var(--hf-color-transparent-light-05);
    --hf-color-overlay-scrim: var(--hf-color-transparent-dark-50);
    --hf-color-overlay-wash: var(--hf-color-transparent-light-50);

    --hf-color-palette-blue-bg: var(--hf-color-blue-500);
    --hf-color-palette-blue-text: var(--hf-color-blue-100);
    --hf-color-palette-brown-bg: var(--hf-color-yellow-300);
    --hf-color-palette-brown-text: var(--hf-color-yellow-700);
    --hf-color-palette-mint-bg: var(--hf-color-green-400);
    --hf-color-palette-mint-text: var(--hf-color-green-900);
    --hf-color-palette-orange-bg: var(--hf-color-orange-600);
    --hf-color-palette-orange-text: var(--hf-color-orange-100);
    --hf-color-palette-pink-bg: var(--hf-color-pink-500);
    --hf-color-palette-pink-text: var(--hf-color-pink-100);
    --hf-color-palette-purple-bg: var(--hf-color-purple-600);
    --hf-color-palette-purple-text: var(--hf-color-purple-100);
    --hf-color-palette-white: var(--hf-color-grey-050);

    --hf-color-shadow-2xl: var(--hf-color-transparent-dark-40);
    --hf-color-shadow-lg: var(--hf-color-transparent-dark-20);
    --hf-color-shadow-md: var(--hf-color-transparent-dark-15);
    --hf-color-shadow-sm: var(--hf-color-transparent-dark-05);
    --hf-color-shadow-xl: var(--hf-color-transparent-dark-30);

    --hf-color-state-error-bg: var(--hf-color-red-1000);
    --hf-color-state-error-fg: var(--hf-color-red-600);
    --hf-color-state-error-fg-soft: var(--hf-color-red-500);
    --hf-color-state-error-glow: var(--hf-color-red-glow);
    --hf-color-state-info-bg: var(--hf-color-blue-1100);
    --hf-color-state-info-fg: var(--hf-color-blue-500);
    --hf-color-state-info-fg-soft: var(--hf-color-blue-400);
    --hf-color-state-success-bg: var(--hf-color-green-800);
    --hf-color-state-success-fg: var(--hf-color-green-500);
    --hf-color-state-success-fg-soft: var(--hf-color-green-400);
    --hf-color-state-success-glow: var(--hf-color-green-glow);
    --hf-color-state-warning-bg: var(--hf-color-yellow-1100);
    --hf-color-state-warning-fg: var(--hf-color-yellow-700);
    --hf-color-state-warning-fg-soft: var(--hf-color-yellow-500);
    --hf-color-state-warning-glow: var(--hf-color-yellow-glow);

    --hf-color-text-brand: var(--hf-color-lime-500);
    --hf-color-text-danger: var(--hf-color-red-600);
    --hf-color-text-disabled: var(--hf-color-cool-100);
    --hf-color-text-info: var(--hf-color-blue-400);
    --hf-color-text-inverse: var(--hf-color-grey-550);
    --hf-color-text-link: var(--hf-color-lime-500);
    --hf-color-text-on-overlay-secondary: var(--hf-color-transparent-light-50);
    --hf-color-text-on-overlay-tertiary: var(--hf-color-transparent-light-30);
    --hf-color-text-primary: var(--hf-color-grey-050);
    --hf-color-text-secondary: var(--hf-color-grey-300);
    --hf-color-text-success: var(--hf-color-green-500);
    --hf-color-text-tertiary: var(--hf-color-grey-325);
    --hf-color-text-warning: var(--hf-color-yellow-700);

    --hf-color-transparent-lime-05: var(--hf-color-lime-alpha-05);
    --hf-color-transparent-lime-10: var(--hf-color-lime-alpha-10);
    --hf-color-transparent-lime-100: var(--hf-color-lime-alpha-100);
    --hf-color-transparent-lime-15: var(--hf-color-lime-alpha-15);
    --hf-color-transparent-lime-20: var(--hf-color-lime-alpha-20);
    --hf-color-transparent-lime-30: var(--hf-color-lime-alpha-30);
    --hf-color-transparent-lime-40: var(--hf-color-lime-alpha-40);
    --hf-color-transparent-lime-50: var(--hf-color-lime-alpha-50);
    --hf-color-transparent-lime-60: var(--hf-color-lime-alpha-60);
    --hf-color-transparent-lime-70: var(--hf-color-lime-alpha-70);
    --hf-color-transparent-lime-80: var(--hf-color-lime-alpha-80);
    --hf-color-transparent-lime-90: var(--hf-color-lime-alpha-90);
    --hf-color-transparent-pink-05: var(--hf-color-pink-alpha-05);
    --hf-color-transparent-pink-10: var(--hf-color-pink-alpha-10);
    --hf-color-transparent-pink-100: var(--hf-color-pink-alpha-100);
    --hf-color-transparent-pink-15: var(--hf-color-pink-alpha-15);
    --hf-color-transparent-pink-20: var(--hf-color-pink-alpha-20);
    --hf-color-transparent-pink-30: var(--hf-color-pink-alpha-30);
    --hf-color-transparent-pink-40: var(--hf-color-pink-alpha-40);
    --hf-color-transparent-pink-50: var(--hf-color-pink-alpha-50);
    --hf-color-transparent-pink-60: var(--hf-color-pink-alpha-60);
    --hf-color-transparent-pink-70: var(--hf-color-pink-alpha-70);
    --hf-color-transparent-pink-80: var(--hf-color-pink-alpha-80);
    --hf-color-transparent-pink-90: var(--hf-color-pink-alpha-90);
  }

}