/* ==========================================================================
   Tokens — variables du système de design
   ========================================================================== */

:root {

    /* ─── Couleurs — Mode jour (parchemin clair) ──────────────────────── */
    --cdc-parchemin:        #f5ead0;
    --cdc-parchemin-clair:  #faf2dd;
    --cdc-parchemin-fonce:  #ebdcb4;
    --cdc-ivoire:           #fdf8ea;
    --cdc-vieil-or:         #c8a96a;
    --cdc-vieil-or-fonce:   #a08050;
    --cdc-or:               #d4af37;
    --cdc-or-clair:         #e8d8a0;
    --cdc-or-vif:           #efc869;
    --cdc-encre:            #3b2f24;
    --cdc-encre-douce:      #5a4634;
    --cdc-encre-claire:     #8a7558;
    --cdc-encre-effacee:    #b5a079;
    --cdc-bordeaux:         #8c2a2a;
    --cdc-vert-mousse:      #6b6b3a;

    /* ─── Couleurs sémantiques ────────────────────────────────────────── */
    --cdc-fond-page:        var(--cdc-parchemin);
    --cdc-fond-cartouche:   var(--cdc-ivoire);
    --cdc-fond-relief:      var(--cdc-parchemin-clair);
    --cdc-fond-creux:       var(--cdc-parchemin-fonce);
    --cdc-fond-nav:         rgba(245, 234, 208, 0.92);

    --cdc-texte:            var(--cdc-encre);
    --cdc-texte-secondaire: var(--cdc-encre-douce);
    --cdc-texte-discret:    var(--cdc-encre-claire);
    --cdc-texte-titre:      var(--cdc-encre-douce);
    --cdc-accent:           var(--cdc-vieil-or-fonce);
    --cdc-accent-vif:       var(--cdc-or);

    --cdc-bordure:          rgba(160, 128, 80, 0.35);
    --cdc-bordure-forte:    rgba(160, 128, 80, 0.6);

    /* ─── Typographie ─────────────────────────────────────────────────── */
    --cdc-fonte-titre:      'Cinzel', 'Playfair Display', 'Trajan Pro', Georgia, serif;
    --cdc-fonte-corps:      'Cardo', 'EB Garamond', Georgia, 'Times New Roman', serif;
    --cdc-fonte-deco:       'Cinzel Decorative', 'Cinzel', serif;

    --cdc-poids-normal:     400;
    --cdc-poids-fort:       600;
    --cdc-poids-titre:      500;

    /* ─── Tailles ─────────────────────────────────────────────────────── */
    --cdc-texte-base:       18px;
    --cdc-interligne:       1.75;

    /* ─── Espacements ─────────────────────────────────────────────────── */
    --cdc-esp-2xs:          0.25rem;
    --cdc-esp-xs:           0.5rem;
    --cdc-esp-sm:           0.75rem;
    --cdc-esp-md:           1rem;
    --cdc-esp-lg:           1.5rem;
    --cdc-esp-xl:           2.5rem;
    --cdc-esp-2xl:          4rem;
    --cdc-esp-3xl:          6rem;

    /* ─── Largeurs ────────────────────────────────────────────────────── */
    --cdc-largeur-lecture:  1200px;     /* corps de texte type livre */
    --cdc-largeur-contenu:  960px;     /* sections génériques */
    --cdc-largeur-large:    1200px;    /* grilles, galeries */

    /* ─── Bordures et rayons ──────────────────────────────────────────── */
    --cdc-rayon-sm:         3px;
    --cdc-rayon-md:         6px;
    --cdc-rayon-lg:         10px;

    /* ─── Ombres ──────────────────────────────────────────────────────── */
    --cdc-ombre-sm:         0 2px 6px rgba(58, 41, 19, 0.08);
    --cdc-ombre-md:         0 6px 18px rgba(58, 41, 19, 0.12);
    --cdc-ombre-lg:         0 14px 36px rgba(58, 41, 19, 0.18);
    --cdc-lueur-or:         0 0 24px rgba(212, 175, 55, 0.25);

    /* ─── Hauteurs ────────────────────────────────────────────────────── */
    --cdc-h-bandeau:        180px;
    --cdc-h-bandeau-mobile: 120px;
    --cdc-h-nav:            56px;
    --cdc-h-progress:       4px;

    /* ─── Transitions ─────────────────────────────────────────────────── */
    --cdc-trans:            0.3s ease;
    --cdc-trans-lente:      0.6s ease;

    /* ─── Z-index ─────────────────────────────────────────────────────── */
    --cdc-z-progress:       50;
    --cdc-z-nav:            100;
    --cdc-z-menu-mobile:    200;
}

/* ==========================================================================
   Mode nuit — parchemin sombre, encre dorée
   ========================================================================== */

[data-theme="nuit"] {
    --cdc-parchemin:        #1d1610;
    --cdc-parchemin-clair:  #251c14;
    --cdc-parchemin-fonce:  #14100b;
    --cdc-ivoire:           #221a13;
    --cdc-vieil-or:         #c8a96a;
    --cdc-vieil-or-fonce:   #b89352;
    --cdc-or:               #e8c876;
    --cdc-or-clair:         #f0d984;
    --cdc-or-vif:           #f5d97c;
    --cdc-encre:            #e8d8a0;
    --cdc-encre-douce:      #efd994;
    --cdc-encre-claire:     #b9a06a;
    --cdc-encre-effacee:    #7a6840;
    --cdc-bordeaux:         #c95a5a;
    --cdc-vert-mousse:      #a8a85a;

    --cdc-fond-page:        var(--cdc-parchemin);
    --cdc-fond-cartouche:   var(--cdc-parchemin-clair);
    --cdc-fond-relief:      var(--cdc-ivoire);
    --cdc-fond-creux:       var(--cdc-parchemin-fonce);
    --cdc-fond-nav:         rgba(29, 22, 16, 0.92);

    --cdc-texte:            var(--cdc-encre);
    --cdc-texte-secondaire: var(--cdc-encre-douce);
    --cdc-texte-discret:    var(--cdc-encre-claire);
    --cdc-texte-titre:      var(--cdc-or-clair);
    --cdc-accent:           var(--cdc-or);
    --cdc-accent-vif:       var(--cdc-or-vif);

    --cdc-bordure:          rgba(232, 200, 118, 0.22);
    --cdc-bordure-forte:    rgba(232, 200, 118, 0.45);

    --cdc-ombre-sm:         0 2px 6px rgba(0, 0, 0, 0.4);
    --cdc-ombre-md:         0 6px 18px rgba(0, 0, 0, 0.5);
    --cdc-ombre-lg:         0 14px 36px rgba(0, 0, 0, 0.6);
    --cdc-lueur-or:         0 0 32px rgba(232, 200, 118, 0.18);
}