/* ═══════════════════════════════════════════════════════════════════════════
   peau.css — RENAISSANCE 69, ET RIEN QUE RENAISSANCE 69
   ═══════════════════════════════════════════════════════════════════════════

   La seule part du thème qui appartient au site : les jetons qui ne sont
   pas des présets, la variante papier, les logos et les polices.
   `structure.css` ne connaît que des NOMS de jetons.

   Identité v2 du 25.10.2026, direction « B · Asphalte resserré » — source :
   `02_BRANDS/MAISON/RENA_Renaissance_69/00_IDENTITY/visuel/`. Les présets de
   `theme.json` viennent de `design/source/colors_and_type.css` par le pont ;
   les valeurs écrites ICI sont celles que le pont ne porte pas.

   ⚠️ LE SOMBRE EST LE DÉFAUT, ET IL NE SUIT PAS LE SYSTÈME. La marque vit
   sur le noir : les présets de `theme.json` SONT les valeurs sombres. Ce
   fichier ne branche qu'UNE variante, le papier, sous `[data-theme="light"]`
   — posée seulement quand le visiteur l'a choisie. Il n'y a délibérément
   aucun bloc `prefers-color-scheme` : un système clair ne blanchit pas la
   marque. Le script du `head` (functions.php) pose `data-theme` à chaque
   page, `dark` par défaut, si bien que les règles `[data-theme="dark"]` de
   `structure.css` s'appliquent sans qu'on y touche.

   ⚠️ UN JETON N'EST PAS UNE VARIANTE, C'EST UN COUPLE. Un fond et son texte
   se renversent ensemble. Sur papier l'orange devient #A83C0C (5,23:1) :
   le texte posé dessus passe donc du noir au papier.
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
  color-scheme: dark;

  /* L'aplat plein — l'orange — et son texte. Jamais du blanc dessus (3,0). */
  --rena-plein: var(--wp--preset--color--accent-texte);
  --rena-plein-texte: #0A0A0A;
  --rena-plein-survol: #EDE9E1;

  /* Le second accent est un aplat clair dans les deux thèmes : son texte est
     sombre dans les deux, et n'a donc pas de jumeau papier. */
  --rena-sur-accent-2: #0A0A0A;

  /* L'exergue — une citation sur l'aplat de l'encre. En sombre l'encre est
     claire : la citation est noire, et son orange s'assombrit pour tenir. */
  --rena-exergue-fond: var(--wp--preset--color--encre);
  --rena-exergue-texte: #0A0A0A;
  --rena-exergue-accent: #A83C0C;

  /* LES PLATEFORMES EN MONOCHROME — demande de Yan, 25.10.2026. Cinq
     couleurs de marques tierces à côté d'un seul orange cassaient la règle
     de la balise unique. Les pastilles prennent l'encre du site et leur
     glyphe le fond : elles se renversent donc avec le thème, sans jumeau. */
  --rena-plateforme-spotify: var(--wp--preset--color--encre-douce);
  --rena-plateforme-apple: var(--wp--preset--color--encre-douce);
  --rena-plateforme-youtube: var(--wp--preset--color--encre-douce);
  --rena-plateforme-linkedin: var(--wp--preset--color--encre-douce);
  --rena-plateforme-rss: var(--wp--preset--color--encre-douce);
  --rena-plateforme-instagram: var(--wp--preset--color--encre-douce);
  --rena-plateforme-glyphe: var(--wp--preset--color--papier);

  /* LA CARTE DU LECTEUR. Sur le noir, elle se distingue par le noir chaud
     de la surface et un filet orange — pas par une ombre, qui ne se voit
     pas sur du noir. */
  --rena-l-fond: var(--wp--preset--color--carte);
  --rena-l-texte: var(--wp--preset--color--encre);
  --rena-l-douce: var(--wp--preset--color--encre-douce);
  --rena-l-accent: var(--wp--preset--color--accent-texte);
  --rena-l-rail: var(--wp--preset--color--filet);
  --rena-l-filet: color-mix(in srgb, var(--wp--preset--color--accent) 50%, transparent);
  --rena-l-ombre: 0 14px 38px color-mix(in srgb, #000000 55%, transparent);

  /* LES LOGOS SONT DES JETONS. Le blason est noir à liseré blanc : il se pose
     tel quel sur le noir comme sur le papier (spec d'identité v2).

     ⚠️ PROVISOIRE : `--rena-logo` sert de MONOGRAMME à 30 px dans l'en-tête,
     et la marque n'en a pas encore (point ouvert n° 2 de la spec). Le blason
     le remplace, sous sa taille minimale de 80 px. Les verrous sont le mot
     « RENAISSANCE 69 » en Barlow Condensed ExtraBold, vectorisé — un SVG en
     image de fond ne charge pas les polices de la page. */
  --rena-logo: url("img/logo.svg");
  --rena-logo-encre: url("img/logo-encre.svg");
  --rena-logo-verrou-horizontal: url("img/verrou-horizontal.svg");
  --rena-logo-verrou-vertical: url("img/verrou-vertical.svg");
}

/* ══ LE PAPIER — sur choix explicite seulement ═════════════════════════════
   `themes.css` du dossier de marque. Les valeurs sont nommées une fois ici,
   puis branchées en dessous. */
:root {
  --rena-p-papier: #EDE9E1;
  --rena-p-carte: #FFFFFF;
  --rena-p-encre: #14100C;
  --rena-p-encre-douce: #4D4740;
  --rena-p-filet: #C4BEB4;
  --rena-p-accent: #A83C0C;
  --rena-p-accent-texte: #A83C0C;
  --rena-p-accent-2-texte: #4D4740;
  --rena-p-sur-accent: #EDE9E1;
  --rena-p-lecteur-fond: #FFFFFF;
  --rena-p-lecteur-ombre: 0 10px 30px color-mix(in srgb, #14100C 13%, transparent);
  --rena-p-plein-texte: #EDE9E1;
  --rena-p-plein-survol: #14100C;
  --rena-p-exergue-texte: #EDE9E1;
  --rena-p-exergue-accent: #E8551E;
}

:root[data-theme="light"] {
  color-scheme: light;
  --wp--preset--color--papier: var(--rena-p-papier);
  --wp--preset--color--carte: var(--rena-p-carte);
  --wp--preset--color--encre: var(--rena-p-encre);
  --wp--preset--color--encre-douce: var(--rena-p-encre-douce);
  --wp--preset--color--filet: var(--rena-p-filet);
  --wp--preset--color--accent: var(--rena-p-accent);
  --wp--preset--color--accent-texte: var(--rena-p-accent-texte);
  --wp--preset--color--accent-2-texte: var(--rena-p-accent-2-texte);
  --wp--preset--color--sur-accent: var(--rena-p-sur-accent);
  --rena-l-fond: var(--rena-p-lecteur-fond);
  --rena-l-ombre: var(--rena-p-lecteur-ombre);
  --rena-plein-texte: var(--rena-p-plein-texte);
  --rena-plein-survol: var(--rena-p-plein-survol);
  --rena-exergue-texte: var(--rena-p-exergue-texte);
  --rena-exergue-accent: var(--rena-p-exergue-accent);
  /* Le mot-marque est vectorisé, donc d'une seule couleur : il a son jumeau
     papier. Le blason, lui, se pose tel quel sur les deux fonds. */
  --rena-logo-verrou-horizontal: url("img/verrou-horizontal-papier.svg");
  --rena-logo-verrou-vertical: url("img/verrou-vertical-papier.svg");
}

/* ── LES POLICES ────────────────────────────────────────────────────────────
   Barlow Condensed (titres, numéros, interface) et Barlow (courant), OFL 1.1,
   servies depuis `assets/fonts/` avec leur licence à côté. Les mêmes faces
   que `design/source/colors_and_type.css` — graisses exactes, rien de déduit. */
@font-face {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/BarlowCondensed-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/BarlowCondensed-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("fonts/BarlowCondensed-ExtraBold.woff2") format("woff2");
}
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/Barlow-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/Barlow-Italic.woff2") format("woff2");
}
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/Barlow-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/Barlow-SemiBold.woff2") format("woff2");
}