/* =============================================================================
   Charte LoopDay — la seule source des couleurs, polices et formes de l'app.
   =============================================================================

   Décision Musa (08/09/2026) : on reprend l'apparence du gabarit LoopDay pour
   TOUTE l'application — back-office commerçant ET écrans du client final.

   ⚠️ LoopDay est livré en fichiers de design (Sketch/XD/Figma), SANS aucun code :
   il n'y avait donc rien à copier tel quel. Les valeurs ci-dessous ont été
   extraites du .sketch (couleurs par fréquence d'usage réelle, tailles de police,
   rayons), pas approchées à l'œil.

   ⚠️ Ce fichier ne contient QUE des variables et les @font-face. Aucun sélecteur
   de composant : ceux-ci vivent dans /loopday/composants.css, qui consomme ces
   variables sans jamais en redéfinir. Sans cette discipline, on se retrouve avec
   deux endroits qui décident de la même couleur, et c'est celui qu'on ne pense
   pas à modifier qui gagne.

   ⚠️ DEUX POLICES, ET C'EST VOULU. Le .sketch en embarque exactement deux :
   « Plus Jakarta Sans » pour le contenu des écrans, « Inter » pour le texte des
   boutons et des onglets-filtres. Les deux sont sous licence OFL, donc
   redistribuables ; elles ont été extraites du .sketch lui-même et découpées au
   sous-ensemble latin.

   ⚠️ Si les PNG du gabarit te font penser à du Helvetica / Neue Haas Grotesk :
   c'est l'export Sketch qui a substitué la police sur une machine qui ne
   l'avait pas installée. Le Readme du gabarit dit « DOWNLOAD FONT : Plus Jakarta
   Sans », et les calques de texte du .sketch nomment PlusJakartaSans-Bold et
   Inter-Bold. Passer à du Neue Haas nous éloignerait du modèle au lieu de s'en
   rapprocher — ne pas « corriger » dans ce sens.

   Les polices sont SERVIES PAR NOUS (public/polices/), jamais par Google Fonts :
   une page qui dépend d'un domaine tiers pour s'afficher correctement est une page
   qui casse le jour où ce domaine est lent, bloqué ou indisponible.
   ========================================================================== */

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('/polices/plus-jakarta-sans-400.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    /* swap : le texte s'affiche tout de suite dans la police de secours plutôt que
       de laisser un écran vide le temps du téléchargement. Au comptoir, un écran
       blanc d'une seconde ressemble à un plantage. */
    font-display: swap;
}
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('/polices/plus-jakarta-sans-500.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('/polices/plus-jakarta-sans-700.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Inter — celle des boutons et des onglets-filtres du gabarit. */
@font-face {
    font-family: 'Inter';
    src: url('/polices/inter-400.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('/polices/inter-700.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    /* --- Couleurs, relevées dans le .sketch par nombre d'usages ------------- */
    --ld-accent: #38BBC7;          /* turquoise LoopDay : boutons, états actifs */
    --ld-accent-fonce: #2A99A3;    /* survol/appui — assombri, pas inventé      */
    --ld-accent-doux: #E7F7F9;     /* fonds teintés discrets                    */
    --ld-encre: #171717;           /* texte principal                           */
    --ld-encre-douce: #6B6B6C;     /* texte secondaire, lisible sur blanc       */
    --ld-gris: #B6B6B7;            /* texte désactivé, icônes inertes           */
    --ld-bordure: #E6E6E6;
    --ld-fond: #FFFFFF;
    --ld-fond-alt: #F4F4F4;
    --ld-danger: #FF383C;
    --ld-succes: #1FA97D;

    /* --- Formes, relevées calque par calque dans le .sketch ----------------- */
    --ld-rayon-pilule: 28px;       /* bouton 379×55 et champ 379×55 : rayon 28   */
    --ld-rayon-carte: 30px;        /* lignes 380×108, cartes 380×103, stats 182×73 */
    --ld-rayon-champ: 28px;

    /* --- Typographie ------------------------------------------------------- */
    --ld-police: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    /* Les boutons et onglets-filtres du gabarit sont en Inter, pas en Jakarta. */
    --ld-police-bouton: 'Inter', var(--ld-police);
}