/* ==========================================================
   FLORA — JETONS DE DESIGN
   ==========================================================

   Source unique des couleurs, tailles et espacements. Aucune
   valeur brute ne doit apparaître ailleurs : une teinte écrite en
   dur dans `base.css` est une teinte qu'on ne retrouvera pas le
   jour où l'identité bouge.

   Direction arrêtée le 2026-08-09 (décision 054, D-8) : l'identité
   Casa Flora — rose poudré, verts — reste le socle et la signature ;
   chaque section reçoit en plus sa couleur d'accent, pour qu'on
   sache d'un coup d'œil où l'on se trouve. Le repérage par la
   couleur vient des outils que le propriétaire cite en référence ;
   la palette, elle, reste celle d'une maison de fleuriste.
   ========================================================== */

:root {
    /* --- Identité Casa Flora ---------------------------- */
    --rose: #f7c8d8;
    --rose-clair: #fdeef3;
    --vert: #a8dcc8;
    --vert-clair: #eaf6f1;
    --vert-fonce: #2f7a5f;
    --vert-profond: #235c47;

    /* --- Neutres ---------------------------------------- */
    --background: #f6f7f4;
    --surface: #ffffff;
    --surface-douce: #fbfcfa;
    --texte: #253029;
    --texte-secondaire: #6b7a73;
    --texte-tertiaire: #94a29b;
    --border: #e4e8e5;
    --border-forte: #cfd7d2;

    /* --- Accents de section -----------------------------
       Chaque section peint `--accent` ; les composants ne
       connaissent que cette variable, jamais la teinte qui la
       remplit. Ajouter une section = une règle, pas une
       retouche des composants. */
    --accent: var(--vert-fonce);
    --accent-doux: var(--vert-clair);
    --accent-contraste: #ffffff;

    --accent-aujourdhui: #2f7a5f;
    --accent-aujourdhui-doux: #eaf6f1;

    --accent-comprehension: #6f5aa6;
    --accent-comprehension-doux: #f0ecf9;

    --accent-verifier: #b9701c;
    --accent-verifier-doux: #fbf0e2;

    --accent-propositions: #2a6b96;
    --accent-propositions-doux: #e8f1f7;

    --accent-factures: #c0506a;
    --accent-factures-doux: #fceaee;

    /* --- Sémantique ------------------------------------- */
    --alerte: #b9701c;
    --alerte-doux: #fbf0e2;
    --succes: #2f7a5f;
    --succes-doux: #eaf6f1;

    /* --- Les deux plis de la vue d'ensemble (décision 101)
       Deux états de dossier, deux teintes propres — jamais un
       accent de section emprunté, qui ferait douter de la page où
       l'on se trouve.

       L'ambre est abandonnée pour les dates passées : elle servait
       déjà quatre choses (l'accent de « Points à vérifier », la
       pastille « En attente de confirmation », `--alerte`, et ce
       pli). Une teinte qui signale partout ne signale plus rien.

       Le rose est celui de l'identité Casa Flora, jusqu'ici employé
       nulle part comme accent : le fond est `--rose-clair` lui-même.
       Le gris-bleu est franchement désaturé, pour ne pas se
       confondre avec le bleu de « Propositions ».

       Aucune des deux ne crie : Flora sait qu'une date est passée,
       jamais si l'échéance a été honorée (059, et le motif de la
       092 que cette décision conserve). */
    --depassee: #a34260;
    --depassee-doux: var(--rose-clair);

    --sans-date: #55697a;
    --sans-date-doux: #edf1f4;

    /* --- Typographie ------------------------------------
       Échelle explicite : la maquette d'origine sautait de 42px
       à 16px sans palier, ce qui rendait toute page dense
       illisible. */
    --police: "Segoe UI", -apple-system, "Helvetica Neue", Arial, sans-serif;

    --texte-xs: 12px;
    --texte-sm: 13px;
    --texte-base: 15px;
    --texte-md: 17px;
    --texte-lg: 20px;
    --texte-xl: 26px;
    --texte-2xl: 34px;

    --graisse-normale: 400;
    --graisse-moyenne: 500;
    --graisse-forte: 600;

    /* --- Espacement -------------------------------------
       Une seule progression, pour que deux cartes voisines ne
       respirent jamais différemment. */
    --pas-1: 4px;
    --pas-2: 8px;
    --pas-3: 12px;
    --pas-4: 16px;
    --pas-5: 20px;
    --pas-6: 24px;
    --pas-8: 32px;
    --pas-10: 40px;

    /* --- Formes et profondeur --------------------------- */
    --radius-sm: 8px;
    --radius: 14px;
    --radius-lg: 20px;
    --radius-pilule: 999px;

    --ombre-douce: 0 1px 2px rgba(37, 48, 41, 0.04),
                   0 2px 8px rgba(37, 48, 41, 0.04);
    --ombre: 0 2px 4px rgba(37, 48, 41, 0.05),
             0 8px 24px rgba(37, 48, 41, 0.06);

    --transition: 140ms ease;
}

/* --- Peinture de l'accent, une règle par section --------- */

.section-aujourdhui {
    --accent: var(--accent-aujourdhui);
    --accent-doux: var(--accent-aujourdhui-doux);
}

/* L'agenda est le Bureau lui-même — il en garde le vert, jamais une
   sixième couleur : le codage par section distingue des familles, et
   « ce qui arrive » n'en est pas une de plus, c'est le contenu propre
   de la page d'accueil. */
.section-agenda {
    --accent: var(--accent-aujourdhui);
    --accent-doux: var(--accent-aujourdhui-doux);
}

.section-comprehension {
    --accent: var(--accent-comprehension);
    --accent-doux: var(--accent-comprehension-doux);
}

.section-verifier {
    --accent: var(--accent-verifier);
    --accent-doux: var(--accent-verifier-doux);
}

.section-propositions {
    --accent: var(--accent-propositions);
    --accent-doux: var(--accent-propositions-doux);
}

.section-factures {
    --accent: var(--accent-factures);
    --accent-doux: var(--accent-factures-doux);
}