/* ── CoVoeur Theme — modifier uniquement ce fichier pour changer la palette ── */
:root {
    --primary:        #92BEC2;              /* couleur principale (boutons, liens, accents) */
    --primary-dark:   #5A8087;              /* variante sombre (hover, titres) */
    --primary-bg:     #F7F1EB;              /* fond très léger */
    --secondary:      #E1BA93;              /* couleur secondaire (accent doré: bordures, italiques) */
    --secondary-light: #F7F1EB;             /* variante claire secondary (fond welcome block, bg léger) */
    --tertiary:       #201926;              /* couleur tertiaire (bulle droite dans les rapports) */
    --tertiary-light: #F5F5F5;             /* variante claire (bulle gauche dans les rapports) */
    --title:          #5A8087;              /* couleur des titres */
    --text:           #201926;              /* couleur du texte principal */
    --muted:          #666666;              /* texte secondaire */
    --bg:             #ffffff;              /* fond de page */

    /* Hero landing page */
    --hero-glow-1:    var(--secondary);    /* lueur top-right */
    --hero-glow-2:    var(--secondary-light);             /* lueur bottom-left */
    --hero-gradient:  linear-gradient(160deg, #fff 0%, var(--hero-glow-2) 30%, var(--hero-glow-1) 100%);

    /* Ombres */
    --shadow-xs:      rgba(170,121,140,0.07);
    --shadow-sm:      rgba(170,121,140,0.08);
    --shadow-md:      rgba(170,121,140,0.13);
    --shadow-border:  rgba(170,121,140,0.20);

    /* Titres macro-section dans les rapports */
    --macro-title:    var(--primary-dark);

    /* QR code — hex sans # (le JS strip le # automatiquement si présent) */
    --qr-color: 5A8087;
}