@import 'tailwindcss';

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

@layer utilities {
    .text-error { color: var(--error); }
    .bg-error { background-color: var(--error); }
    .bg-error-light { background-color: var(--error-light); }
    .border-error { border-color: var(--error); }

    .text-success { color: var(--success); }
    .bg-success { background-color: var(--success); }
    .bg-success-light { background-color: var(--success-light); }
    .border-success { border-color: var(--success); }

    .text-warning { color: var(--warning); }
    .bg-warning { background-color: var(--warning); }
    .bg-warning-light { background-color: var(--warning-light); }
    .border-warning { border-color: var(--warning); }
}

@theme {
    --color-primary: var(--primary);
    --color-lightprimary: var(--lightprimary);
    --color-grey: var(--secondary);
    --color-lightgrey: var(--lightgrey);
    --color-darkgrey: var(--darkgrey);
    --color-accent: var(--accent);
    --color-text: var(--text);
    --color-text-secondary: var(--text-secondary);
    --color-text-sidebar: var(--text-sidebar);
    --color-text-muted: var(--text-muted);
    --color-background: var(--background);
    --color-background-grey: var(--background-grey);
    --color-border: var(--border);
    --color-error: var(--error);
    --color-error-light: var(--error-light);
    --color-success: var(--success);
    --color-success-light: var(--success-light);
    --color-warning: var(--warning);
    --color-warning-light: var(--warning-light);
}

@layer base {

    
 
    :root {
        --primary: #EF4646;
        --lightprimary: #f26f6f;
        --secondary: #7A7A7A;
        --accent: #EF4646;
        --text: #7A7A7A;
        --text-secondary: #F3F3F3;
        --text-muted: #7A7A7A;
        --text-sidebar: #F3F3F3;
        --background: #FFFFFF;
        --background-grey: #F3F3F3;
        --border: #F3F3F3;
        --error: #DC2626;
        --error-light: #FEF2F2;
        --success: #16A34A;
        --success-light: #F0FDF4;
        --warning: #D97706;
        --warning-light: #FFFBEB;
        --lightgrey: #F5F5F5;
        --darkgrey: #333333;

    }
}
@layer components {
    .scrollbar-board::-webkit-scrollbar {
        height: 8px; /* hauteur de la scrollbar horizontale */
    }

    .scrollbar-board::-webkit-scrollbar-track {
        background: white; /* couleur de fond de la track */
    }

    .scrollbar-board::-webkit-scrollbar-thumb {
        background-color: #77BC23; /* couleur de la barre elle-même */
        border-radius: 4px;
    }

    .scrollbar-board::-webkit-scrollbar-thumb:hover {
        background-color: #5e9916; /* couleur au survol */
    }
}