@import 'tailwindcss';

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

@custom-variant dark (&:where(.dark, .dark *));
:root {
    --home-background: #F5FEFF;
    --home-accent: #E2E8F0;
    --home-foreground: #000000;
    --home-primary: #0E2F76;
    --home-secondary: #AAC0E1;
    --home-surface: #C7B189;
    --home-neutral: #334155;	
}
@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);
    --color-home-secondary: var(--home-secondary);
    --color-home-surface: var(--home-surface);
    --color-home-neutral: var(--home-neutral);
}

@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;
} */

[x-cloak] {
    display: none !important;
}