/* ════════════════════════════════════════════════════════════════════════
   CoVœur — Design tokens des rapports (source unique de la charte v2)
   Modifier ICI pour changer la charte de TOUS les rapports.
   Namespace --cv-* (séparé de theme.css qui pilote le site marketing).

   Thème par défaut = CoVœur (crème/prune/sauge/or).
   Thème QRush = mêmes composants, couleurs partenaire (magenta/dark).
   ════════════════════════════════════════════════════════════════════════ */
:root {
    /* Couleurs */
    --cv-encre-forte:  #2A2140;   /* encre principale : titres, texte fort (ex --cv-prune) */
    --cv-encre:        #5B5470;   /* encre douce : sous-titres, texte secondaire */
    --cv-encre-faint:  #8E88A0;   /* encre très douce : pied, méta */
    --cv-sauge:        #5C7E71;   /* accent principal : eyebrow, liens */
    --cv-sauge-dark:   #4A685D;   /* accent hover */
    --cv-or:           #A9862B;   /* accent doré : strong, kicker glyph, CTA */
    --cv-creme:        #F6F1E8;   /* fond de page */
    --cv-creme-raised: #FCFAF4;   /* fond des cartes */
    --cv-bordure:      #E4DBCB;   /* bordures des cartes */
    /* Erreur : brique douce, JAMAIS de rouge vif (brief § 5.8). Une personne
       qui remplit un formulaire de CoVœur parle d'elle ; un rouge d'alerte
       système y sonne comme un reproche. */
    --cv-danger:       #B4574B;
    --cv-danger-tint:  rgba(180, 87, 75, .10);
    --cv-desactive:    #F3EDE2;   /* champ désactivé */
    /* Le trio SÉMANTIQUE — ça va / entre-deux / à surveiller. Distinct de
       l'accent : il dit un état, pas une marque. Le bilan de compétences s'en
       sert pour graduer des compétences, le mur pour la météo du lien. */
    --cv-vert-tint:    #ECF0E2;
    --cv-ambre-tint:   #F7EAD0;
    --cv-brique-tint:  #F4DAD0;
    --cv-parchemin:    #F3E7C4;   /* fonds dorés des volets */

    /* Tints dérivés (mêmes teintes, en rgba) */
    --cv-sauge-rule:   rgba(92, 126, 113, .22);  /* filets / séparateurs */
    --cv-sauge-tint:   rgba(92, 126, 113, .16);  /* fond glyph sauge */
    --cv-or-tint:      rgba(169, 134, 43, .14);   /* fond glyph or */
    --cv-hover-border: #A7BFB3;                    /* bordure carte au survol */

    /* Fond de page (glows radiaux + crème) */
    --cv-page-bg:
        radial-gradient(circle at 18% 8%, rgba(212, 175, 55, 0.14), transparent 52%),
        radial-gradient(circle at 85% 92%, rgba(127, 161, 147, 0.16), transparent 52%),
        #F6F1E8;

    /* Typo */
    --cv-serif:        'Fraunces', 'Playfair Display', serif;   /* titres */
    --cv-serif-italic: 'Instrument Serif', serif;                /* accent italique */
    --cv-sans:         'Inter', system-ui, sans-serif;           /* corps */
    --cv-mono:         'JetBrains Mono', ui-monospace, monospace; /* eyebrow / kicker */

    /* Rayons */
    --cv-radius:       14px;
    --cv-radius-lg:    18px;

    /* Ombres */
    --cv-shadow-card:  0 10px 24px -16px rgba(42, 33, 64, .18);
}

/* ── Thème QRush : override COULEURS uniquement (layout identique) ────────── */
body.theme-qrush {
    --cv-encre-forte:        #f7f7f7;
    --cv-encre:        #b8b0c0;
    --cv-encre-faint:  #8a8494;
    --cv-sauge:        #e93b7a;   /* magenta QRush = accent */
    --cv-sauge-dark:   #c92b6a;
    --cv-or:           #e93b7a;   /* un seul accent (magenta) chez QRush */
    --cv-creme:        #141414;   /* fond sombre */
    --cv-creme-raised: #1a1a1a;   /* cartes sombres */
    --cv-bordure:      rgba(233, 59, 122, .22);

    --cv-sauge-rule:   rgba(233, 59, 122, .18);
    --cv-sauge-tint:   rgba(233, 59, 122, .16);
    --cv-or-tint:      rgba(233, 59, 122, .16);
    --cv-hover-border: #e93b7a;
    --cv-danger:       #ff8a7a;   /* sur fond sombre, la brique ne se lit plus */
    --cv-danger-tint:  rgba(255, 138, 122, .12);
    --cv-desactive:    #242424;
    --cv-vert-tint:    #1e2a22;
    --cv-ambre-tint:   #2a2418;
    --cv-brique-tint:  #2e1c1a;
    --cv-parchemin:    #221a10;

    --cv-page-bg:
        radial-gradient(circle at 18% 8%, rgba(233, 59, 122, 0.10), transparent 52%),
        radial-gradient(circle at 85% 92%, rgba(233, 59, 122, 0.08), transparent 52%),
        #141414;

    --cv-shadow-card:  0 8px 20px -8px rgba(233, 59, 122, .35);
}