/* ==========================================================================
   aifluence - charte graphique
   Reference : le logo. Aucune couleur, police ou forme hors de ce fichier.
   Toute nouvelle page part de ces variables.
   ========================================================================== */

/* --- Polices auto-hebergees (aucun appel a un service tiers) -------------- */

@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url('../fonts/manrope-var.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: 'Manrope';
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url('../fonts/manrope-var-ext.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: 100 900;
    font-display: swap;
    src: url('../fonts/inter-var.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: 100 900;
    font-display: swap;
    src: url('../fonts/inter-var-ext.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;
}

/* --- Variables ------------------------------------------------------------ */

:root {
    /* Couleurs de marque, relevees dans le fichier du logo (echantillonnage
       des aplats) et non dans la table indicative du cahier des charges :
       le logo fait foi. Bleu nuit du wordmark #021B36, teal du symbole et
       du "ai" #00B0A5. */
    --bleu-nuit: #021B36;
    --teal: #00B0A5;

    /* Teal assombri pour les liens et les survols. Assure un contraste de
       4,75:1 sur blanc, donc AA pour le texte courant, ce que le teal du
       logo (2,71:1) ne permet pas. */
    --teal-fonce: #00817A;

    /* Texte */
    --encre: #1C2733;
    --ardoise: #5B6B7A;

    /* Fonds et filets */
    --blanc: #FFFFFF;
    --glacier: #F3F6F9;
    --bordure: #D9E0E7;

    /* Signal unique : mention sponsorise */
    --ambre: #E0A100;
    --ambre-fond: #FDF6E3;

    /* Roles */
    --fond: var(--blanc);
    --fond-alt: var(--glacier);
    --texte: var(--encre);
    --texte-secondaire: var(--ardoise);
    --titre: var(--bleu-nuit);
    --lien: var(--teal-fonce);
    --lien-survol: var(--bleu-nuit);
    --accent: var(--teal);

    /* Typographie */
    --police-titre: 'Manrope', ui-sans-serif, system-ui, 'Segoe UI', Roboto, sans-serif;
    --police-texte: 'Inter', ui-sans-serif, system-ui, 'Segoe UI', Roboto, sans-serif;

    --corps: clamp(1rem, 0.96rem + 0.2vw, 1.0625rem); /* 16 a 17 px */
    --h1: clamp(1.875rem, 1.45rem + 2.1vw, 3rem);
    --h2: clamp(1.375rem, 1.2rem + 0.85vw, 1.75rem);
    --h3: clamp(1.125rem, 1.05rem + 0.4vw, 1.3125rem);
    --petit: 0.875rem;
    --tres-petit: 0.8125rem;
    --interligne: 1.6;
    --interligne-titre: 1.15;

    /* Espacements, base 4 px */
    --e1: 0.25rem;
    --e2: 0.5rem;
    --e3: 0.75rem;
    --e4: 1rem;
    --e5: 1.5rem;
    --e6: 2rem;
    --e7: 3rem;
    --e8: 4rem;
    --e9: 6rem;

    /* Formes, coherentes avec le trace du logo */
    --rayon-carte: 6px;
    --rayon-bouton: 6px;
    --rayon-badge: 3px;
    --filet: 3px;              /* filet vertical teal des encadres */
    --trait-icone: 1.5px;

    /* Ombres discretes, jamais colorees */
    --ombre-carte: 0 1px 2px rgba(11, 31, 58, 0.04), 0 2px 8px rgba(11, 31, 58, 0.05);
    --ombre-flottante: 0 8px 24px rgba(11, 31, 58, 0.10);

    /* Grille */
    --largeur-max: 1320px;
    --largeur-texte: 42rem;   /* longueur de ligne confortable */
    --gouttiere: clamp(1rem, 0.6rem + 1.6vw, 2rem);

    /* Transitions */
    --transition: 140ms ease;
}

/* Le logo definit aussi la couleur de l'interface systeme. */
:root {
    color-scheme: light;
    accent-color: var(--teal);
}