/* Typographie et palette officielles du site URM ReMPArT (base : maquette validée) */
@font-face {
    font-family: 'Avant Garde';
    src: url('../fonts/AvantGarde.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Salesforce Sans';
    src: url('../fonts/SalesforceSans-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arboria';
    src: url('../fonts/arboria-book.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arboria';
    src: url('../fonts/arboria-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arboria';
    src: url('../fonts/arboria-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arboria';
    src: url('../fonts/arboria-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

:root {
    /* Logique UQAC (uqac.ca) : neutre foncé dominant (chrome/hero/footer) + vert en accent
       ponctuel (CTA, liens, icônes). Le neutre foncé utilise le bleu nuit officiel REMPArT
       #312783 (extrait du logo) à la place du noir UQAC. */

    /* --blue-* = bleu nuit REMPArT : structure/chrome (hero, page-hero, topbar, footer) */
    --blue-900: #14103A;
    --blue-800: #201A5C;
    --blue-700: #312783;
    --blue-600: #4A3EA8;
    --blue-200: #A79EDD;
    --blue-100: #C7C0EA;
    --blue-50:  #EDEBF9;

    /* --green-* = vert officiel UQAC #6B8915 : accent (boutons, liens, icônes, badges) */
    --green-900: #202B08;
    --green-800: #4E6710;
    --green-700: #6B8915;
    --green-600: #85A62A;
    --green-200: #B9CE7E;
    --green-100: #D3E2AC;
    --green-50:  #EEF3DC;

    --gray-900: #1a1a1a;
    --gray-700: #444441;
    --gray-500: #79726A;
    --gray-200: #D3D1C7;
    --gray-100: #F1EFE8;
    --gray-50:  #FAFAF8;

    --white: #ffffff;
    --color-secondary: #262A3A;
    --color-yellow: #D9A441;

    --font-titre: 'Avant Garde', 'Century Gothic', Arial, sans-serif;
    --font-texte: 'Arboria', 'Segoe UI', Arial, sans-serif;
    --font-arboria: 'Arboria', 'Segoe UI', Arial, sans-serif;

    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-xl: 26px;
    --shadow-sm: 0 2px 10px rgba(20,16,58,0.06);
    --shadow-md: 0 12px 40px -8px rgba(20,16,58,0.16);
    --shadow-lg: 0 24px 64px -12px rgba(20,16,58,0.22);
    --ease-fluid: cubic-bezier(0.32, 0.72, 0, 1);
}