@import './base.css' layer(base);

@import './utilities.css' layer(utilities);

@import '../../dist/index.css' layer(components);
@import './components/avatar.css' layer(components);
@import './components/badge.css' layer(components);
@import './components/breadcrumbs.css' layer(components);
@import './components/button.css' layer(components);
@import './components/dropdown/header.css' layer(components);
@import './components/dropdown/index.css' layer(components);
@import './components/dropdown/list/index.css' layer(components);
@import './components/dropdown/list/item.css' layer(components);
@import './components/empty-state.css' layer(components);
@import './components/fieldset.css' layer(components);
@import './components/grid.css' layer(components);
@import './components/icon.css' layer(components);
@import './components/icon-button.css' layer(components);
@import './components/input/checkbox.css' layer(components);
@import './components/input/index.css' layer(components);
@import './components/input/one-time-code.css' layer(components);
@import './components/input/radio.css' layer(components);
@import './components/input/select.css' layer(components);
@import './components/input/wrapper.css' layer(components);
@import './components/link.css' layer(components);
@import './components/loading-indicator.css' layer(components);
@import './components/loading-section.css' layer(components);
@import './components/modal.css' layer(components);
@import './components/pagination.css' layer(components);
@import './components/section.css' layer(components);
@import './components/tabs.css' layer(components);
@import './components/toggle.css' layer(components);
@import './sortable.css' layer(components);

@theme inline {
    --color-color-50: var(--color-50);
    --color-color-100: var(--color-100);
    --color-color-200: var(--color-200);
    --color-color-300: var(--color-300);
    --color-color-400: var(--color-400);
    --color-color-500: var(--color-500);
    --color-color-600: var(--color-600);
    --color-color-700: var(--color-700);
    --color-color-800: var(--color-800);
    --color-color-900: var(--color-900);
    --color-color-950: var(--color-950);

    --color-danger-50: var(--danger-50);
    --color-danger-100: var(--danger-100);
    --color-danger-200: var(--danger-200);
    --color-danger-300: var(--danger-300);
    --color-danger-400: var(--danger-400);
    --color-danger-500: var(--danger-500);
    --color-danger-600: var(--danger-600);
    --color-danger-700: var(--danger-700);
    --color-danger-800: var(--danger-800);
    --color-danger-900: var(--danger-900);
    --color-danger-950: var(--danger-950);

    --color-gray-50: var(--gray-50);
    --color-gray-100: var(--gray-100);
    --color-gray-200: var(--gray-200);
    --color-gray-300: var(--gray-300);
    --color-gray-400: var(--gray-400);
    --color-gray-500: var(--gray-500);
    --color-gray-600: var(--gray-600);
    --color-gray-700: var(--gray-700);
    --color-gray-800: var(--gray-800);
    --color-gray-900: var(--gray-900);
    --color-gray-950: var(--gray-950);

    --color-info-50: var(--info-50);
    --color-info-100: var(--info-100);
    --color-info-200: var(--info-200);
    --color-info-300: var(--info-300);
    --color-info-400: var(--info-400);
    --color-info-500: var(--info-500);
    --color-info-600: var(--info-600);
    --color-info-700: var(--info-700);
    --color-info-800: var(--info-800);
    --color-info-900: var(--info-900);
    --color-info-950: var(--info-950);

    --color-primary-50: var(--primary-50);
    --color-primary-100: var(--primary-100);
    --color-primary-200: var(--primary-200);
    --color-primary-300: var(--primary-300);
    --color-primary-400: var(--primary-400);
    --color-primary-500: var(--primary-500);
    --color-primary-600: var(--primary-600);
    --color-primary-700: var(--primary-700);
    --color-primary-800: var(--primary-800);
    --color-primary-900: var(--primary-900);
    --color-primary-950: var(--primary-950);

    --color-success-50: var(--success-50);
    --color-success-100: var(--success-100);
    --color-success-200: var(--success-200);
    --color-success-300: var(--success-300);
    --color-success-400: var(--success-400);
    --color-success-500: var(--success-500);
    --color-success-600: var(--success-600);
    --color-success-700: var(--success-700);
    --color-success-800: var(--success-800);
    --color-success-900: var(--success-900);
    --color-success-950: var(--success-950);

    --color-warning-50: var(--warning-50);
    --color-warning-100: var(--warning-100);
    --color-warning-200: var(--warning-200);
    --color-warning-300: var(--warning-300);
    --color-warning-400: var(--warning-400);
    --color-warning-500: var(--warning-500);
    --color-warning-600: var(--warning-600);
    --color-warning-700: var(--warning-700);
    --color-warning-800: var(--warning-800);
    --color-warning-900: var(--warning-900);
    --color-warning-950: var(--warning-950);

    --color-custom-50: var(--color-50);
    --color-custom-100: var(--color-100);
    --color-custom-200: var(--color-200);
    --color-custom-300: var(--color-300);
    --color-custom-400: var(--color-400);
    --color-custom-500: var(--color-500);
    --color-custom-600: var(--color-600);
    --color-custom-700: var(--color-700);
    --color-custom-800: var(--color-800);
    --color-custom-900: var(--color-900);
    --color-custom-950: var(--color-950);
}
