/*
 * Maarif Access — variables de la charte graphique (cahier des charges, section 6).
 * Source unique des couleurs, polices, espacements et formes du web.
 * Toute couleur ou taille utilisée dans une vue doit venir d'ici.
 */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/maarif/poppins-latin-ext-500-normal.woff2') format('woff2');
    unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/maarif/poppins-latin-500-normal.woff2') format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/maarif/poppins-latin-ext-600-normal.woff2') format('woff2');
    unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/maarif/poppins-latin-600-normal.woff2') format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/maarif/poppins-latin-ext-700-normal.woff2') format('woff2');
    unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/maarif/poppins-latin-700-normal.woff2') format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/maarif/inter-latin-ext-400-normal.woff2') format('woff2');
    unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/maarif/inter-latin-400-normal.woff2') format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/maarif/inter-latin-ext-500-normal.woff2') format('woff2');
    unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/maarif/inter-latin-500-normal.woff2') format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/maarif/inter-latin-ext-600-normal.woff2') format('woff2');
    unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/maarif/inter-latin-600-normal.woff2') format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root {
    /* Couleurs de marque (6.3) */
    --ma-navy: #134679;
    --ma-navy-dark: #0D3155;
    --ma-navy-light: #E7ECF2;
    --ma-teal: #17AEBB;
    --ma-teal-dark: #107A83;
    --ma-teal-light: #E8F7F8;
    --ma-copper: #CD6026;
    --ma-copper-dark: #AE5220;
    --ma-copper-light: #FAEFE9;

    /* Neutres */
    --ma-ink: #0B1A2E;
    --ma-slate: #475569;
    --ma-gray: #64748B;
    --ma-border: #E2E8F0;
    --ma-cloud: #F5F7FA;
    --ma-white: #FFFFFF;

    /* Statuts : toujours les mêmes, partout */
    --ma-success: #15803D;
    --ma-success-bg: #DCFCE7;
    --ma-warning: #B45309;
    --ma-warning-bg: #FEF3C7;
    --ma-danger: #B91C1C;
    --ma-danger-bg: #FEE2E2;
    --ma-info: #0369A1;
    --ma-info-bg: #E0F2FE;

    /* Typographie (6.4) */
    --ma-font-heading: 'Poppins', 'Segoe UI', Arial, sans-serif;
    --ma-font-body: 'Inter', 'Segoe UI', Arial, sans-serif;

    /* Espacements, formes, ombres (6.5) */
    --ma-space-1: 4px;
    --ma-space-2: 8px;
    --ma-space-3: 12px;
    --ma-space-4: 16px;
    --ma-space-5: 24px;
    --ma-space-6: 32px;
    --ma-space-7: 48px;
    --ma-radius-field: 6px;
    --ma-radius-card: 12px;
    --ma-radius-modal: 16px;
    --ma-shadow-card: 0 1px 3px rgba(11, 26, 46, 0.08);
    --ma-shadow-modal: 0 12px 32px rgba(11, 26, 46, 0.18);
    --ma-focus-ring: 0 0 0 3px rgba(23, 174, 187, 0.25);

    /* Mise en page (6.5) */
    --ma-sidebar-width: 264px;
    --ma-sidebar-collapsed: 72px;
    --ma-header-height: 64px;

    /* Bootstrap 5 aligné sur la charte */
    --bs-primary: var(--ma-navy);
    --bs-primary-rgb: 19, 70, 121;
    --bs-link-color: var(--ma-navy);
    --bs-link-color-rgb: 19, 70, 121;
    --bs-link-hover-color: var(--ma-navy-dark);
    --bs-body-font-family: var(--ma-font-body);
    --bs-body-color: var(--ma-ink);
    --bs-border-color: var(--ma-border);
    --bs-success: var(--ma-success);
    --bs-warning: var(--ma-warning);
    --bs-danger: var(--ma-danger);
    --bs-info: var(--ma-info);
}