@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@300;400;500;600;700;800&display=swap');

:root {
    /* Palette principale */
    --sm-blue: #2E52A1;
    --sm-red: #E5173A;
    --sm-white: #FFFFFF;
    --sm-black: #000000;

    /* Palette secondaire */
    --sm-s2-blue: #2E52A1;
    --sm-s2-taupe: #CCB69B;
    --sm-s2-wine: #AF1B3F;
    --sm-s2-peach: #EFC69B;
    --sm-s2-red: #E6173A;
    --sm-s2-lime: #C5D86D;
    --sm-s2-cream: #FFEDDF;
    --sm-s2-navy: #0D1321;

    /* Mapping de ton app existante */
    --main-color: var(--sm-red);
    --main-color-light: var(--sm-s2-red);
    --main-blue: var(--sm-blue);

    --text-black: var(--sm-s2-navy);
    --text-gray: #5f6b7d;
    --input-label-color: #64748b;

    --main-font: "Libre Franklin", sans-serif;
    --cursive-font: "Libre Franklin", sans-serif;

    --gold-color: var(--sm-s2-peach);
    --success: var(--sm-s2-lime);
    --danger: var(--sm-red);
    --warning: var(--sm-s2-peach);
    --primary: var(--sm-blue);
    --info: var(--sm-s2-blue);
    --royal-blue: var(--sm-blue);

    --blue-gray-color: #4a76a8;
    --border-color: #d9dde6;
    --main-background: var(--sm-s2-cream);

    --page-header-bgColor: var(--sm-white);
    --page-header-bgColor-hover: var(--sm-blue);
    --page-header-txtColor: var(--sm-s2-navy);
    --page-header-headingColor: var(--sm-red);

    --page-content-bgColor: var(--sm-white);
    --page-content-txtColor: var(--sm-s2-navy);
    --page-content-blockColor: var(--sm-white);

    --white: #fff;
    --black: #000;
}

html, body, button, input, select, textarea {
    font-family: var(--main-font) !important;
}

/* Classes projet existantes */
.bg-main-color {
    background-color: var(--main-color) !important;
}

.hover-main-color:hover {
    background-color: var(--main-color) !important;
}

.bg-main-blue {
    background-color: var(--main-blue) !important;
}

.text-main-color {
    color: var(--main-color) !important;
}

.text-main-blue {
    color: var(--main-blue) !important;
}

.submit-btn,
.btn-submit {
    background-color: var(--main-blue) !important;
    color: #fff !important;
}

/* Sidebar/menu */
.page-header .admin-menu a:hover,
.page-header .admin-menu button:hover {
    background: #264690 !important;
    color: #fff !important;
}

/* Login gradient */
.bg-main-gradient {
    background: linear-gradient(225deg, var(--sm-blue), var(--sm-white)) !important;
}

/* Badges/flash */
.banner.success {
    border-bottom-color: var(--success) !important;
}

.banner.error {
    border-bottom-color: var(--danger) !important;
}

.banner.warning {
    border-bottom-color: var(--warning) !important;
}

/* Overrides utilitaires fréquents */
.bg-blue-600, .bg-blue-700, .bg-slate-700, .bg-slate-800 {
    background-color: var(--sm-blue) !important;
}

.hover\:bg-blue-700:hover, .hover\:bg-slate-800:hover {
    background-color: #264690 !important;
}

.text-blue-700, .text-sky-700 {
    color: var(--sm-blue) !important;
}

.text-amber-700 {
    color: var(--sm-s2-wine) !important;
}

.text-emerald-700 {
    color: #6b8c2e !important;
}