/*
 * Tokens Perinea & Sport -- mapping de la palette sur la bibliothèque de blocs.
 *
 * GÉNÉRÉ par clients/perinea/generer_tokens_perinea.py -- NE PAS ÉDITER À LA MAIN.
 * Source : clients/perinea/palette-nude-2026-08-21.json
 * Palette : Perinea — nude / encre / blanc (proposition du 21/08/2026)
 *
 * PROVISOIRE : cette palette est une proposition, Léa ne l'a pas tranchée.
 * design/palettes.json reste intact tant que l'arbitrage n'est pas rendu.
 *
 * Principe de la palette : aucune couleur d'accent, toute la hiérarchie repose
 * sur la valeur. Le noir vit en bloc typographique ponctuel, jamais en fond dominant.
 */
:root {
  /* ── Identité, reliée aux rôles de la palette ─────────────────── */
  --dt-primary: #1A1815;                      /* encre-900 -- identité : titres forts, navigation, aplats pleins */
  --dt-primary-strong: #4A3D33;               /* nude-800 -- identité appuyée : pied de page, profondeur des ombres */
  --dt-cta: #1A1815;                          /* encre-900 -- conversion : aplat d'encre, jamais décoratif */
  --dt-cta-strong: #6B5847;                   /* nude-700 -- survol du bouton de conversion */
  --dt-bg: #FAF7F3;                           /* nude-50 -- le blanc cassé chaud qui tient l'ensemble */
  --dt-surface: #FFFFFF;                      /* blanc -- surfaces qui doivent trancher : cartes, encarts */
  --dt-surface-alt: #F1EAE2;                  /* nude-100 -- fonds de section calmes, alternance de rythme */
  --dt-border: #E4D8CB;                       /* nude-200 -- filets fins, traits de respiration */
  --dt-text: #1A1815;                         /* encre-900 -- corps de texte */
  --dt-text-muted: #6B5847;                   /* nude-700 -- légendes, mentions */
  --dt-text-on-primary: #FAF7F3;              /* nude-50 -- texte posé sur un aplat d'encre */
  --dt-text-on-cta: #FAF7F3;                  /* nude-50 -- texte du bouton de conversion */
  --dt-surface-accent: #D2C1AF;               /* nude-300 -- fond des bandes de conversion et cartes info */
  --dt-text-on-accent: #1A1815;               /* encre-900 -- texte posé sur l'aplat de signature */
  --dt-control-border: #94795C;               /* nude-500 -- limite d'un bouton secondaire, lisible sans teinte (WCAG 1.4.11) */
  --dt-btn-ghost-hover-bg: #E4D8CB;           /* nude-200 -- voile du fantôme survolé : un ton de la gamme, jamais plein */
  --dt-cta-on-media: #FAF7F3;                 /* nude-50 -- action sur média : bouton clair, le voile est déjà l'encre */
  --dt-cta-on-media-strong: #E4D8CB;          /* nude-200 -- survol de l'action sur média : un ton de la gamme */
  --dt-text-on-cta-on-media: #1A1815;         /* encre-900 -- texte de l'action sur média : l'encre */

  /* ── Les tokens de la palette, disponibles pour les compositions ─ */
  --perinea-blanc: #FFFFFF;
  --perinea-nude-50: #FAF7F3;
  --perinea-nude-100: #F1EAE2;
  --perinea-nude-200: #E4D8CB;
  --perinea-nude-300: #D2C1AF;
  --perinea-nude-400: #B9A48D;
  --perinea-nude-500: #94795C;
  --perinea-nude-700: #6B5847;
  --perinea-nude-800: #4A3D33;
  --perinea-encre-700: #33302B;
  --perinea-encre-900: #1A1815;

  /* ── Menu principal (dt-nav.css) : seule déviation de l'identité ── */
  --dt-nav-panel-bg: #F1EAE2;                 /* nude-100 -- fond du panneau déroulant du menu */
  --dt-nav-panel-text: #1A1815;               /* encre-900 -- entrée de panneau (le repos en dérive à 85 %) */
  --dt-nav-panel-border: #D2C1AF;             /* nude-300 -- filet supérieur du panneau déroulant du menu */

  /* ── Typographie ────────────────────────────────────────────────── */
  --dt-font-heading: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --dt-font-body: "DM Sans", "Helvetica Neue", Arial, sans-serif;

  /* ── Couleurs globales de GeneratePress ─────────────────────────── */
  /* Le thème habille l'en-tête, le menu et les liens avec SES propres
     variables, indépendantes de --dt-* : sans ce mapping, l'en-tête reste
     au bleu par défaut du thème pendant que le contenu passe au nude
     (retour de Monsieur, 04/09/2026). Une seule source demeure : la palette. */
  --contrast: #1A1815;                        /* encre-900 -- texte principal, titres du thème */
  --contrast-2: #6B5847;                      /* nude-700 -- texte secondaire, description du site */
  --contrast-3: #E4D8CB;                      /* nude-200 -- texte désactivé, filets */
  --base: #F1EAE2;                            /* nude-100 -- fonds de sous-menu */
  --base-2: #FAF7F3;                          /* nude-50 -- fond de page du thème */
  --base-3: #FFFFFF;                          /* blanc -- en-tête, navigation, cartes d'article */
  --accent: #1A1815;                          /* encre-900 -- liens, état actif du menu */
}

/* Le thème doit servir les mêmes familles que les blocs : sans cela, les titres
   composés par WordPress (h2, h3 du corps) resteraient en pile système. */
body,
.entry-content {
  font-family: var(--dt-font-body);
  color: var(--dt-text);
  background-color: var(--dt-bg);
  line-height: var(--dt-lh-body);
}

h1, h2, h3, h4, h5, h6,
.main-navigation a,
.site-title {
  font-family: var(--dt-font-heading);
  color: var(--dt-primary);
  line-height: var(--dt-lh-heading);
  letter-spacing: -0.01em;
}

/* Échelle typographique de la bibliothèque, appliquée au corps composé par WordPress. */
.entry-content h2 { font-size: var(--dt-fs-h2); }
.entry-content h3 { font-size: var(--dt-fs-h3); }
.entry-content p,
.entry-content li { font-size: var(--dt-fs-body); }

/* Une section sur deux respire sur le fond alterné : c'est ce qui donne au regard
   la structure qu'une suite de blocs sur fond unique ne montre pas. */
.entry-content > .dtb-cards:nth-of-type(even),
.entry-content > .dtb-faq {
  background-color: var(--dt-surface-alt);
}