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

/* semantic → Tailwind */
@theme inline {
  --color-q-background-elevated-end: var(--hf-color-background-elevated-end);
  --color-q-background-elevated-start: var(--hf-color-background-elevated-start);
  --color-q-background-glass: var(--hf-color-background-glass);
  --color-q-background-inverse: var(--hf-color-background-inverse);
  --color-q-background-primary: var(--hf-color-background-primary);
  --color-q-background-secondary: var(--hf-color-background-secondary);
  --color-q-background-secondary-strong: var(--hf-color-background-secondary-strong);
  --color-q-background-tertiary: var(--hf-color-background-tertiary);

  --color-q-border-default: var(--hf-color-border-default);
  --color-q-border-error: var(--hf-color-border-error);
  --color-q-border-focus: var(--hf-color-border-focus);
  --color-q-border-inverse: var(--hf-color-border-inverse);
  --color-q-border-strong: var(--hf-color-border-strong);
  --color-q-border-subtle: var(--hf-color-border-subtle);
  --color-q-border-success: var(--hf-color-border-success);
  --color-q-border-warning: var(--hf-color-border-warning);

  --color-q-brand-blue: var(--hf-color-brand-blue);
  --color-q-brand-cyan: var(--hf-color-brand-cyan);
  --color-q-brand-green: var(--hf-color-brand-green);
  --color-q-brand-orange: var(--hf-color-brand-orange);
  --color-q-brand-pink: var(--hf-color-brand-pink);
  --color-q-brand-primary: var(--hf-color-brand-primary);
  --color-q-brand-red: var(--hf-color-brand-red);
  --color-q-brand-yellow: var(--hf-color-brand-yellow);
  --color-q-brand-yellow-light: var(--hf-color-brand-yellow-light);

  --color-q-button-brand: var(--hf-color-button-brand);
  --color-q-button-destructive: var(--hf-color-button-destructive);
  --color-q-button-label-brand: var(--hf-color-button-label-brand);
  --color-q-button-label-destructive: var(--hf-color-button-label-destructive);
  --color-q-button-primary: var(--hf-color-button-primary);
  --color-q-button-secondary: var(--hf-color-button-secondary);
  --color-q-button-tertiary: var(--hf-color-button-tertiary);

  --color-q-icon-accent: var(--hf-color-icon-accent);
  --color-q-icon-brand: var(--hf-color-icon-brand);
  --color-q-icon-disabled: var(--hf-color-icon-disabled);
  --color-q-icon-error: var(--hf-color-icon-error);
  --color-q-icon-info: var(--hf-color-icon-info);
  --color-q-icon-inverse: var(--hf-color-icon-inverse);
  --color-q-icon-on-overlay-secondary: var(--hf-color-icon-on-overlay-secondary);
  --color-q-icon-on-overlay-tertiary: var(--hf-color-icon-on-overlay-tertiary);
  --color-q-icon-primary: var(--hf-color-icon-primary);
  --color-q-icon-secondary: var(--hf-color-icon-secondary);
  --color-q-icon-success: var(--hf-color-icon-success);
  --color-q-icon-tertiary: var(--hf-color-icon-tertiary);
  --color-q-icon-warning: var(--hf-color-icon-warning);

  --color-q-overlay-dim-soft: var(--hf-color-overlay-dim-soft);
  --color-q-overlay-dim-strong: var(--hf-color-overlay-dim-strong);
  --color-q-overlay-hover: var(--hf-color-overlay-hover);
  --color-q-overlay-scrim: var(--hf-color-overlay-scrim);
  --color-q-overlay-wash: var(--hf-color-overlay-wash);

  --color-q-palette-blue-bg: var(--hf-color-palette-blue-bg);
  --color-q-palette-blue-text: var(--hf-color-palette-blue-text);
  --color-q-palette-brown-bg: var(--hf-color-palette-brown-bg);
  --color-q-palette-brown-text: var(--hf-color-palette-brown-text);
  --color-q-palette-mint-bg: var(--hf-color-palette-mint-bg);
  --color-q-palette-mint-text: var(--hf-color-palette-mint-text);
  --color-q-palette-orange-bg: var(--hf-color-palette-orange-bg);
  --color-q-palette-orange-text: var(--hf-color-palette-orange-text);
  --color-q-palette-pink-bg: var(--hf-color-palette-pink-bg);
  --color-q-palette-pink-text: var(--hf-color-palette-pink-text);
  --color-q-palette-purple-bg: var(--hf-color-palette-purple-bg);
  --color-q-palette-purple-text: var(--hf-color-palette-purple-text);
  --color-q-palette-white: var(--hf-color-palette-white);

  --color-q-shadow-2xl: var(--hf-color-shadow-2xl);
  --color-q-shadow-lg: var(--hf-color-shadow-lg);
  --color-q-shadow-md: var(--hf-color-shadow-md);
  --color-q-shadow-sm: var(--hf-color-shadow-sm);
  --color-q-shadow-xl: var(--hf-color-shadow-xl);

  --color-q-state-error-bg: var(--hf-color-state-error-bg);
  --color-q-state-error-fg: var(--hf-color-state-error-fg);
  --color-q-state-error-fg-soft: var(--hf-color-state-error-fg-soft);
  --color-q-state-error-glow: var(--hf-color-state-error-glow);
  --color-q-state-info-bg: var(--hf-color-state-info-bg);
  --color-q-state-info-fg: var(--hf-color-state-info-fg);
  --color-q-state-info-fg-soft: var(--hf-color-state-info-fg-soft);
  --color-q-state-success-bg: var(--hf-color-state-success-bg);
  --color-q-state-success-fg: var(--hf-color-state-success-fg);
  --color-q-state-success-fg-soft: var(--hf-color-state-success-fg-soft);
  --color-q-state-success-glow: var(--hf-color-state-success-glow);
  --color-q-state-warning-bg: var(--hf-color-state-warning-bg);
  --color-q-state-warning-fg: var(--hf-color-state-warning-fg);
  --color-q-state-warning-fg-soft: var(--hf-color-state-warning-fg-soft);
  --color-q-state-warning-glow: var(--hf-color-state-warning-glow);

  --color-q-text-brand: var(--hf-color-text-brand);
  --color-q-text-danger: var(--hf-color-text-danger);
  --color-q-text-disabled: var(--hf-color-text-disabled);
  --color-q-text-info: var(--hf-color-text-info);
  --color-q-text-inverse: var(--hf-color-text-inverse);
  --color-q-text-link: var(--hf-color-text-link);
  --color-q-text-on-overlay-secondary: var(--hf-color-text-on-overlay-secondary);
  --color-q-text-on-overlay-tertiary: var(--hf-color-text-on-overlay-tertiary);
  --color-q-text-primary: var(--hf-color-text-primary);
  --color-q-text-secondary: var(--hf-color-text-secondary);
  --color-q-text-success: var(--hf-color-text-success);
  --color-q-text-tertiary: var(--hf-color-text-tertiary);
  --color-q-text-warning: var(--hf-color-text-warning);

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

/* primitives → Tailwind */
@theme inline {
  --color-q-blue-100: var(--hf-color-blue-100);
  --color-q-blue-1000: var(--hf-color-blue-1000);
  --color-q-blue-1100: var(--hf-color-blue-1100);
  --color-q-blue-1200: var(--hf-color-blue-1200);
  --color-q-blue-200: var(--hf-color-blue-200);
  --color-q-blue-300: var(--hf-color-blue-300);
  --color-q-blue-400: var(--hf-color-blue-400);
  --color-q-blue-500: var(--hf-color-blue-500);
  --color-q-blue-600: var(--hf-color-blue-600);
  --color-q-blue-700: var(--hf-color-blue-700);
  --color-q-blue-800: var(--hf-color-blue-800);
  --color-q-blue-900: var(--hf-color-blue-900);

  --color-q-cool-050: var(--hf-color-cool-050);
  --color-q-cool-100: var(--hf-color-cool-100);
  --color-q-cool-150: var(--hf-color-cool-150);
  --color-q-cool-200: var(--hf-color-cool-200);
  --color-q-cool-250: var(--hf-color-cool-250);
  --color-q-cool-300: var(--hf-color-cool-300);
  --color-q-cool-350: var(--hf-color-cool-350);
  --color-q-cool-400: var(--hf-color-cool-400);

  --color-q-cyan-100: var(--hf-color-cyan-100);
  --color-q-cyan-1000: var(--hf-color-cyan-1000);
  --color-q-cyan-1100: var(--hf-color-cyan-1100);
  --color-q-cyan-1200: var(--hf-color-cyan-1200);
  --color-q-cyan-200: var(--hf-color-cyan-200);
  --color-q-cyan-300: var(--hf-color-cyan-300);
  --color-q-cyan-400: var(--hf-color-cyan-400);
  --color-q-cyan-500: var(--hf-color-cyan-500);
  --color-q-cyan-600: var(--hf-color-cyan-600);
  --color-q-cyan-700: var(--hf-color-cyan-700);
  --color-q-cyan-800: var(--hf-color-cyan-800);
  --color-q-cyan-900: var(--hf-color-cyan-900);

  --color-q-glass-dark: var(--hf-color-glass-dark);
  --color-q-glass-light: var(--hf-color-glass-light);

  --color-q-green-100: var(--hf-color-green-100);
  --color-q-green-1000: var(--hf-color-green-1000);
  --color-q-green-1100: var(--hf-color-green-1100);
  --color-q-green-1200: var(--hf-color-green-1200);
  --color-q-green-200: var(--hf-color-green-200);
  --color-q-green-300: var(--hf-color-green-300);
  --color-q-green-400: var(--hf-color-green-400);
  --color-q-green-500: var(--hf-color-green-500);
  --color-q-green-600: var(--hf-color-green-600);
  --color-q-green-700: var(--hf-color-green-700);
  --color-q-green-800: var(--hf-color-green-800);
  --color-q-green-900: var(--hf-color-green-900);
  --color-q-green-glow: var(--hf-color-green-glow);

  --color-q-grey-050: var(--hf-color-grey-050);
  --color-q-grey-100: var(--hf-color-grey-100);
  --color-q-grey-150: var(--hf-color-grey-150);
  --color-q-grey-200: var(--hf-color-grey-200);
  --color-q-grey-250: var(--hf-color-grey-250);
  --color-q-grey-300: var(--hf-color-grey-300);
  --color-q-grey-325: var(--hf-color-grey-325);
  --color-q-grey-350: var(--hf-color-grey-350);
  --color-q-grey-400: var(--hf-color-grey-400);
  --color-q-grey-450: var(--hf-color-grey-450);
  --color-q-grey-500: var(--hf-color-grey-500);
  --color-q-grey-550: var(--hf-color-grey-550);
  --color-q-grey-600: var(--hf-color-grey-600);

  --color-q-lime-100: var(--hf-color-lime-100);
  --color-q-lime-1000: var(--hf-color-lime-1000);
  --color-q-lime-1100: var(--hf-color-lime-1100);
  --color-q-lime-1200: var(--hf-color-lime-1200);
  --color-q-lime-200: var(--hf-color-lime-200);
  --color-q-lime-300: var(--hf-color-lime-300);
  --color-q-lime-400: var(--hf-color-lime-400);
  --color-q-lime-500: var(--hf-color-lime-500);
  --color-q-lime-600: var(--hf-color-lime-600);
  --color-q-lime-700: var(--hf-color-lime-700);
  --color-q-lime-800: var(--hf-color-lime-800);
  --color-q-lime-900: var(--hf-color-lime-900);
  --color-q-lime-alpha-05: var(--hf-color-lime-alpha-05);
  --color-q-lime-alpha-10: var(--hf-color-lime-alpha-10);
  --color-q-lime-alpha-100: var(--hf-color-lime-alpha-100);
  --color-q-lime-alpha-15: var(--hf-color-lime-alpha-15);
  --color-q-lime-alpha-20: var(--hf-color-lime-alpha-20);
  --color-q-lime-alpha-30: var(--hf-color-lime-alpha-30);
  --color-q-lime-alpha-40: var(--hf-color-lime-alpha-40);
  --color-q-lime-alpha-50: var(--hf-color-lime-alpha-50);
  --color-q-lime-alpha-60: var(--hf-color-lime-alpha-60);
  --color-q-lime-alpha-70: var(--hf-color-lime-alpha-70);
  --color-q-lime-alpha-80: var(--hf-color-lime-alpha-80);
  --color-q-lime-alpha-90: var(--hf-color-lime-alpha-90);

  --color-q-neutral-050: var(--hf-color-neutral-050);
  --color-q-neutral-100: var(--hf-color-neutral-100);
  --color-q-neutral-150: var(--hf-color-neutral-150);
  --color-q-neutral-200: var(--hf-color-neutral-200);
  --color-q-neutral-250: var(--hf-color-neutral-250);
  --color-q-neutral-300: var(--hf-color-neutral-300);
  --color-q-neutral-350: var(--hf-color-neutral-350);
  --color-q-neutral-400: var(--hf-color-neutral-400);
  --color-q-neutral-450: var(--hf-color-neutral-450);
  --color-q-neutral-500: var(--hf-color-neutral-500);
  --color-q-neutral-550: var(--hf-color-neutral-550);
  --color-q-neutral-600: var(--hf-color-neutral-600);

  --color-q-orange-100: var(--hf-color-orange-100);
  --color-q-orange-1000: var(--hf-color-orange-1000);
  --color-q-orange-1100: var(--hf-color-orange-1100);
  --color-q-orange-1200: var(--hf-color-orange-1200);
  --color-q-orange-200: var(--hf-color-orange-200);
  --color-q-orange-300: var(--hf-color-orange-300);
  --color-q-orange-400: var(--hf-color-orange-400);
  --color-q-orange-500: var(--hf-color-orange-500);
  --color-q-orange-600: var(--hf-color-orange-600);
  --color-q-orange-700: var(--hf-color-orange-700);
  --color-q-orange-800: var(--hf-color-orange-800);
  --color-q-orange-900: var(--hf-color-orange-900);

  --color-q-pink-100: var(--hf-color-pink-100);
  --color-q-pink-1000: var(--hf-color-pink-1000);
  --color-q-pink-1100: var(--hf-color-pink-1100);
  --color-q-pink-1200: var(--hf-color-pink-1200);
  --color-q-pink-200: var(--hf-color-pink-200);
  --color-q-pink-300: var(--hf-color-pink-300);
  --color-q-pink-400: var(--hf-color-pink-400);
  --color-q-pink-500: var(--hf-color-pink-500);
  --color-q-pink-600: var(--hf-color-pink-600);
  --color-q-pink-700: var(--hf-color-pink-700);
  --color-q-pink-800: var(--hf-color-pink-800);
  --color-q-pink-900: var(--hf-color-pink-900);
  --color-q-pink-alpha-05: var(--hf-color-pink-alpha-05);
  --color-q-pink-alpha-10: var(--hf-color-pink-alpha-10);
  --color-q-pink-alpha-100: var(--hf-color-pink-alpha-100);
  --color-q-pink-alpha-15: var(--hf-color-pink-alpha-15);
  --color-q-pink-alpha-20: var(--hf-color-pink-alpha-20);
  --color-q-pink-alpha-30: var(--hf-color-pink-alpha-30);
  --color-q-pink-alpha-40: var(--hf-color-pink-alpha-40);
  --color-q-pink-alpha-50: var(--hf-color-pink-alpha-50);
  --color-q-pink-alpha-60: var(--hf-color-pink-alpha-60);
  --color-q-pink-alpha-70: var(--hf-color-pink-alpha-70);
  --color-q-pink-alpha-80: var(--hf-color-pink-alpha-80);
  --color-q-pink-alpha-90: var(--hf-color-pink-alpha-90);

  --color-q-purple-100: var(--hf-color-purple-100);
  --color-q-purple-1000: var(--hf-color-purple-1000);
  --color-q-purple-1100: var(--hf-color-purple-1100);
  --color-q-purple-1200: var(--hf-color-purple-1200);
  --color-q-purple-200: var(--hf-color-purple-200);
  --color-q-purple-300: var(--hf-color-purple-300);
  --color-q-purple-400: var(--hf-color-purple-400);
  --color-q-purple-500: var(--hf-color-purple-500);
  --color-q-purple-600: var(--hf-color-purple-600);
  --color-q-purple-700: var(--hf-color-purple-700);
  --color-q-purple-800: var(--hf-color-purple-800);
  --color-q-purple-900: var(--hf-color-purple-900);

  --color-q-red-100: var(--hf-color-red-100);
  --color-q-red-1000: var(--hf-color-red-1000);
  --color-q-red-1100: var(--hf-color-red-1100);
  --color-q-red-1200: var(--hf-color-red-1200);
  --color-q-red-200: var(--hf-color-red-200);
  --color-q-red-300: var(--hf-color-red-300);
  --color-q-red-400: var(--hf-color-red-400);
  --color-q-red-500: var(--hf-color-red-500);
  --color-q-red-600: var(--hf-color-red-600);
  --color-q-red-700: var(--hf-color-red-700);
  --color-q-red-800: var(--hf-color-red-800);
  --color-q-red-900: var(--hf-color-red-900);
  --color-q-red-glow: var(--hf-color-red-glow);

  --color-q-transparent-dark-05: var(--hf-color-transparent-dark-05);
  --color-q-transparent-dark-10: var(--hf-color-transparent-dark-10);
  --color-q-transparent-dark-100: var(--hf-color-transparent-dark-100);
  --color-q-transparent-dark-12: var(--hf-color-transparent-dark-12);
  --color-q-transparent-dark-15: var(--hf-color-transparent-dark-15);
  --color-q-transparent-dark-20: var(--hf-color-transparent-dark-20);
  --color-q-transparent-dark-25: var(--hf-color-transparent-dark-25);
  --color-q-transparent-dark-30: var(--hf-color-transparent-dark-30);
  --color-q-transparent-dark-32: var(--hf-color-transparent-dark-32);
  --color-q-transparent-dark-40: var(--hf-color-transparent-dark-40);
  --color-q-transparent-dark-50: var(--hf-color-transparent-dark-50);
  --color-q-transparent-dark-60: var(--hf-color-transparent-dark-60);
  --color-q-transparent-dark-70: var(--hf-color-transparent-dark-70);
  --color-q-transparent-dark-80: var(--hf-color-transparent-dark-80);
  --color-q-transparent-dark-90: var(--hf-color-transparent-dark-90);
  --color-q-transparent-light-05: var(--hf-color-transparent-light-05);
  --color-q-transparent-light-10: var(--hf-color-transparent-light-10);
  --color-q-transparent-light-100: var(--hf-color-transparent-light-100);
  --color-q-transparent-light-15: var(--hf-color-transparent-light-15);
  --color-q-transparent-light-20: var(--hf-color-transparent-light-20);
  --color-q-transparent-light-30: var(--hf-color-transparent-light-30);
  --color-q-transparent-light-40: var(--hf-color-transparent-light-40);
  --color-q-transparent-light-50: var(--hf-color-transparent-light-50);
  --color-q-transparent-light-60: var(--hf-color-transparent-light-60);
  --color-q-transparent-light-70: var(--hf-color-transparent-light-70);
  --color-q-transparent-light-80: var(--hf-color-transparent-light-80);
  --color-q-transparent-light-90: var(--hf-color-transparent-light-90);

  --color-q-yellow-100: var(--hf-color-yellow-100);
  --color-q-yellow-1000: var(--hf-color-yellow-1000);
  --color-q-yellow-1100: var(--hf-color-yellow-1100);
  --color-q-yellow-1200: var(--hf-color-yellow-1200);
  --color-q-yellow-200: var(--hf-color-yellow-200);
  --color-q-yellow-300: var(--hf-color-yellow-300);
  --color-q-yellow-400: var(--hf-color-yellow-400);
  --color-q-yellow-500: var(--hf-color-yellow-500);
  --color-q-yellow-600: var(--hf-color-yellow-600);
  --color-q-yellow-700: var(--hf-color-yellow-700);
  --color-q-yellow-800: var(--hf-color-yellow-800);
  --color-q-yellow-900: var(--hf-color-yellow-900);
  --color-q-yellow-glow: var(--hf-color-yellow-glow);
}