/* =========================================================
   MR_LISTOIR × Mon image — le fil commun des deux maisons
   Lot D (01/10/2026), décisions 2 et 12 de l'audit UX.
   Valeurs fixées par la spécification ChatGPT « Spécification design UI » (01/10/2026).
   Ce fichier est chargé EN PREMIER par toutes les pages du salon (vitrine) et de
   l'atelier (Mon image, Mon espace, Réseau). À la séparation des deux domaines, il
   est copié tel quel sur chacun : c'est la seule source des couleurs d'interface.
   Contrôle : outils-claude/verif-palette.py (aucune autre couleur n'est admise).
   ========================================================= */
:root {
  /* — Les 15 couleurs — */
  --color-black: #0F1311;        /* tableau noir : en-têtes, bandeaux sombres */
  --color-ink: #14110E;          /* encre : titres de l'atelier, texte des boutons or */
  --color-text: #3A3530;         /* texte courant des deux maisons */
  --color-gold-1: #A67C37;       /* or profond : début du dégradé, bordure des champs */
  --color-gold-2: #C9A55C;       /* or clair : logo, fin du dégradé, accents sur sombre */
  --color-gold-text: #886829;    /* or texte sur fond clair, focus sur clair */
  --color-paper: #FAF6EC;        /* papier */
  --color-card: #FFFDFA;         /* carte (remplace le blanc) */
  --color-cream: #F5EFE0;        /* crème */
  --color-cream-warm: #EFE6CF;   /* crème chaude : jamais de texte doré dessus */
  --color-line: #E7DBCB;         /* filets décoratifs (jamais une bordure de champ) */
  --color-slate-green: #243D2F;  /* vert ardoise : bandeaux hors en-têtes, réussite sur clair */
  --color-success: #3F8A5A;      /* marqueur de réussite */
  --color-danger: #BD5B4F;       /* marqueur / bordure d'erreur, action destructrice */
  --color-text-light: #F4F1E8;   /* texte sur fond sombre */

  /* — Transparences admises (les mêmes couleurs, avec alpha) — */
  --color-shadow-soft: #14110E14;
  --color-shadow-strong: #14110E1F;
  --color-light-overlay: #F4F1E814;
  --color-disabled-gold-text: #88682999;

  /* — Polices — */
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-sans-salon: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-sans-atelier: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* — Tailles de texte (minimum 12 px) — */
  --font-size-12: 12px; --font-size-14: 14px; --font-size-16: 16px; --font-size-18: 18px;
  --font-size-20: 20px; --font-size-24: 24px; --font-size-32: 32px; --font-size-40: 40px; --font-size-56: 56px;

  /* — Rayons : sémantiques par maison — */
  --radius-button-salon: 0px;
  --radius-field-salon: 8px;
  --radius-card-salon: 2px;      /* arbitrage du 01/10 : 2 px (et non 8) pour toutes les cartes du salon */
  --radius-button-atelier: 13px;
  --radius-field-atelier: 13px;
  --radius-card-atelier: 18px;

  /* — Hauteurs — */
  --height-button-salon: 57px;
  --height-button-atelier: 44px; /* arbitrage du 01/10 : 44 px réels (cible tactile) */
  --height-field: 48px;

  /* — Espacements (grille de 4 px) — */
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px;
  --space-6: 24px; --space-8: 32px; --space-10: 40px; --space-12: 48px; --space-16: 64px;

  /* — Boutons — */
  --gradient-primary: linear-gradient(180deg, #A67C37 0%, #C9A55C 100%);
  --gradient-primary-hover: linear-gradient(180deg, #C9A55C 0%, #A67C37 100%);
  --padding-button-salon-x: 24px;
  --padding-button-atelier-x: 18px;
  --letter-spacing-salon-button: 2px;
  --letter-spacing-atelier-button: 0px;

  /* — Ombres — */
  --shadow-soft: 0px 8px 24px #14110E14;
  --shadow-strong: 0px 12px 30px #14110E1F;

  /* — Focus visible (arbitrage du 01/10 : contour plein, 3:1 au moins) — */
  --focus-light: 2px solid #886829;
  --focus-dark: 2px solid #C9A55C;
  --focus-offset: 3px;

  /* — En-tête de page commun — */
  --page-header-background: #0F1311;
  --page-header-title: #F4F1E8;
  --page-header-rule: #C9A55C;
}