@import 'tailwindcss';

@import '../../vendor/livewire/flux/dist/flux.css';

@custom-variant dark (&:where(.dark, .dark *));
:root {
    --home-background: #E5F0FF;
    --home-accent: #D1E8FF;
    --home-foreground: #000000;
    --home-primary: #CAE8FF;
}
@theme {
    --font-sans: Inter, sans-serif;
    --color-accent: var(--color-emerald-600);
    --color-accent-content: var(--color-emerald-600);
    --color-accent-foreground: var(--color-white);
    --color-home-background: var(--home-background);
    --color-home-accent: var(--home-accent);
    --color-home-foreground: var(--home-foreground);
    --color-home-primary: var(--home-primary);
}

@layer theme {
    .dark {
        --color-accent: var(--color-emerald-600);
        --color-accent-content: var(--color-emerald-400);
        --color-accent-foreground: var(--color-white);
        --color-home-background: var(--home-background);
        --color-home-foreground: var(--home-foreground);
        --color-home-primary: var(--home-primary);
    }
}

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';

@layer components {
    .dropzone-wrapper {
        @import "@dasundev/livewire-dropzone-styles";
    }
}

/* * {
    border: 1px red solid;
} */