/*--------------------------------------------------------------
# Variables de la charte graphique (CHARTE-GRAPHIQUE.md à la racine du dépôt, section 13)
# Jeu unique pour toute la refonte : charte.css et V2/assets/refonte/*.css.
# Chargé dans V2/theme/layouts/head.blade.php avant toutes les autres feuilles.
# Couleurs : uniquement celles de la charte, section 3. N'en ajouter aucune ici sans
# l'ajouter d'abord à la charte.
--------------------------------------------------------------*/
:root {
  /* Couleurs du logo */
  --rcf-vert: #349b30;
  --rcf-rouge: #cb341b;
  --rcf-gris: #878989;
  --rcf-encre: #19161a;

  /* Couleurs d'interface */
  --vert-action: #198754;  /* actions principales, liens, focus */
  --vert-site: #3b9437;    /* icônes de section, prix */
  --vert-clair: #c4dfc3;   /* vert-site à 30 % sur blanc : carte vedette, tuile claire */
  --rouge-action: #dc3545; /* envoi de formulaire, erreurs */

  /* Neutres */
  --blanc: #ffffff;
  --fond: #fafafa;
  --fond-teinte: #eff5f5;
  --bordure: #dddddd;
  --bordure-douce: rgba(73, 78, 92, 0.12);
  --titre: #111111;
  --texte-fort: #333333;
  --texte: #666666;
  --texte-discret: #777777;

  /* Ombres */
  --ombre-legere: 0 1px 3px rgba(73, 78, 92, 0.08);
  --ombre-survol: 0 8px 24px rgba(73, 78, 92, 0.12);

  /* Typographie */
  --font-titres: "Manrope", sans-serif;
  --font-interface: "Inter", sans-serif;
  --texte-xs: 0.8125rem;  /* 13px */
  --texte-sm: 0.875rem;   /* 14px */
  --texte-md: 0.9375rem;  /* 15px */
  --texte-base: 1rem;     /* 16px */
  --texte-lg: 1.125rem;   /* 18px */
  --titre-h4: 1.25rem;    /* 20px */
  --titre-h3: 1.5rem;     /* 24px */
  --titre-h2: 2rem;       /* 32px */
  --titre-h1: 2.75rem;    /* 44px */
  --line-tight: 1.15;
  --line-heading: 1.3;
  --line-body: 1.7;

  /* Espacements */
  --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;

  /* Formes */
  --radius-xs: 4px;
  --radius-field: 8px;
  --radius-button: 10px;
  --radius-card: 12px;
  --radius-panel: 16px;

  /* Dimensions et transitions */
  --container-max: 1280px;
  --reading-width: 800px;
  --button-height: 44px;
  --field-height: 46px;
  --transition: 180ms ease;
}