/* =========================================
   1. Déclaration des polices (@font-face)
   ========================================= */

/* Police de base (Cormorant Garamond Light) */
@font-face {
    font-family: 'Aquiles';
    src: url('../fonts/CormorantGaramond-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Police pour les titres (EB Garamond Regular) */
@font-face {
    font-family: 'AquilesTitles';
    src: url('../fonts/EBGaramond-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* =========================================
   2. Définition des variables (:root)
   ========================================= */
:root {
    /* Variables de famille de police */
    --aquiles-font-body: 'Aquiles', serif;
    --aquiles-font-heading: 'AquilesTitles', serif;

    /* Optionnel : Variables de poids (si vous ajoutez d'autres graisses plus tard) */
    --aquiles-font-weight-light: 300;
    --aquiles-font-weight-regular: 400;
    --aquiles-letter-spacing: 0.3rem;
}

/* =========================================
   3. Application globale (Optionnel)
   ========================================= */
/* Vous pouvez appliquer les variables directement ici 
   ou les utiliser dans votre fichier frontend.css */

body {
    font-family: var(--aquiles-font-body) !important;
    font-weight: var(--aquiles-font-weight-light) !important;
}

h1, h2, h3, h4, h5, h6, .site-title {
    font-family: var(--aquiles-font-heading) !important;
    font-weight: var(--aquiles-font-weight-regular) !important;
    letter-spacing: var(--aquiles-letter-spacing) !important;
}