@import 'tailwindcss';
@source './src/**/*.{js,ts,jsx,tsx}';
@source './app/**/*.{js,ts,jsx,tsx}';
@import '../colors.css';
@import '../theme.css';

@theme {
  /* Background colors - Complete set */
  --color-background-primary: var(--color-gray-50);
  --color-background-primary-glass: var(--color-opacity-white-0);
  --color-background-secondary: var(--color-gray-100);
  --color-background-secondary-glass: var(--color-background-fog-thin);
  --color-background-tertiary: var(--color-gray-200);
  --color-background-tertiary-glass: var(--color-background-fog-thick);
  --color-background-light-overlay: var(--color-opacity-white-90);
  --color-background-dark-overlay: var(--color-opacity-black-30);
  --color-background-glass-thin: var(--color-opacity-white-4);
  --color-background-glass-thick: var(--color-opacity-white-10);
  --color-background-glass-dense: var(--color-opacity-white-20);
  --color-background-fog-thin: var(--color-opacity-white-4);
  --color-background-fog-thick: var(--color-opacity-white-10);
  --color-background-fog-dense: var(--color-opacity-white-20);
  --color-background-smoke-thin: var(--color-opacity-black-4);
  --color-background-smoke-thick: var(--color-opacity-black-10);
  --color-background-smoke-dense: var(--color-opacity-black-20);
  
  /* Foreground colors - Complete set */
  --color-foreground-primary: var(--color-gray-950);
  --color-foreground-primary-on-dark: var(--color-gray-950);
  --color-foreground-primary-glass: var(--color-opacity-white-90);
  --color-foreground-primary-on-light: var(--color-gray-50);
  --color-foreground-secondary: var(--color-gray-700);
  --color-foreground-secondary-on-dark: var(--color-gray-700);
  --color-foreground-secondary-glass: var(--color-opacity-white-75);
  --color-foreground-secondary-on-light: var(--color-gray-400);
  --color-foreground-tertiary: var(--color-gray-600);
  --color-foreground-tertiary-on-dark: var(--color-gray-600);
  --color-foreground-tertiary-glass: var(--color-opacity-white-50);
  --color-foreground-tertiary-on-light: var(--color-gray-500);
  --color-foreground-inactive: var(--color-gray-450);
  --color-foreground-inactive-on-dark: var(--color-gray-450);
  --color-foreground-inactive-on-light: var(--color-gray-600);
  --color-foreground-inactive-glass: var(--color-opacity-white-30);
  --color-foreground-on-error: var(--color-white);
  
  /* Border colors - Complete set */
  --color-border-primary: var(--color-opacity-white-10);
  --color-border-primary-glass: var(--color-opacity-white-10);
  --color-border-secondary: var(--color-opacity-white-15);
  --color-border-secondary-glass: var(--color-opacity-white-15);
  
  /* Overlay colors */
  --color-overlay-on-primary: var(--color-opacity-white-4);
  --color-overlay-on-light: var(--color-opacity-black-4);
  --color-overlay-on-dark: var(--color-opacity-white-4);
  
  /* Accent colors - Complete set with variants */
  --color-accent-brand: var(--color-strawberry-600);
  --color-accent-error: var(--color-vermilion-500);
  --color-accent-error-on-primary: var(--color-vermilion-500);
  --color-accent-error-contrast: var(--color-black);
  --color-accent-success: var(--color-grass-500);
  --color-accent-success-on-primary: var(--color-grass-500);
  --color-accent-success-contrast: var(--color-black);
  --color-accent-pink: var(--color-strawberry-600);
  --color-accent-pink-contrast: var(--color-black);
  --color-accent-pink-on-primary: var(--color-strawberry-600);
  --color-accent-blue: var(--color-dodger-blue-600);
  --color-accent-blue-contrast: var(--color-black);
  --color-accent-blue-on-primary: var(--color-dodger-blue-600);
  --color-accent-orange: var(--color-pumpkin-500);
  --color-accent-orange-contrast: var(--color-black);
  --color-accent-orange-on-primary: var(--color-pumpkin-500);
  --color-accent-green: var(--color-slime-600);
  --color-accent-green-contrast: var(--color-black);
  --color-accent-green-on-primary: var(--color-slime-600);
  --color-accent-yellow: var(--color-dandelion-700);
  --color-accent-yellow-contrast: var(--color-black);
  --color-accent-yellow-on-primary: var(--color-dandelion-700);
  --color-accent-purple: var(--color-amethyst-600);
  --color-accent-purple-contrast: var(--color-black);
  --color-accent-purple-on-primary: var(--color-amethyst-600);
}