/* ==========================================================================
   IA RENOV — Design tokens
   Palette « Chêne & Forêt » : vert forêt + bois/terracotta + accent miel
   Toutes les couleurs et espacements du site sont centralisés ici.
   ========================================================================== */

:root {
  /* --- Couleurs de marque ------------------------------------------------ */
  --forest:        #2F4A3C; /* vert forêt — couleur principale (pro, fiable) */
  --forest-dark:   #24382D; /* footer, survols foncés                       */
  --forest-light:  #3C5C4A; /* variantes claires du vert                    */

  --terracotta:      #C0703C; /* bois / terracotta — couleur d'action (CTA) */
  --terracotta-dark: #A85E2E; /* survol des boutons                         */

  --honey:  #D9A441;          /* accent miel — badges, soulignés, étoiles   */

  --cream:      #F5EFE4;      /* fond chaud clair                           */
  --cream-dark: #EBE3D4;      /* séparations, cartes alternées              */

  --ink:      #23211C;        /* texte principal                            */
  --ink-soft: #55514A;        /* texte secondaire                           */
  --white:    #FFFFFF;

  /* --- Rôles sémantiques ------------------------------------------------- */
  --color-bg:            var(--white);
  --color-bg-alt:        var(--cream);
  --color-text:          var(--ink);
  --color-text-muted:    var(--ink-soft);
  --color-primary:       var(--forest);
  --color-accent:        var(--terracotta);
  --color-accent-strong: var(--terracotta-dark);
  --color-highlight:     var(--honey);
  --color-border:        #E3DBCC;

  /* --- Typographie ------------------------------------------------------- */
  --font-title: 'Fraunces', 'Georgia', 'Times New Roman', serif;
  --font-body:  'Mulish', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  --fs-xs:   0.8125rem;  /* 13px */
  --fs-sm:   0.9375rem;  /* 15px */
  --fs-base: 1.0625rem;  /* 17px */
  --fs-md:   1.25rem;    /* 20px */
  --fs-lg:   1.5rem;     /* 24px */
  --fs-xl:   2rem;       /* 32px */
  --fs-2xl:  2.5rem;     /* 40px */
  --fs-3xl:  3.25rem;    /* 52px */

  --lh-tight: 1.15;
  --lh-base:  1.7;

  /* --- Espacements (échelle 8px) ---------------------------------------- */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4rem;
  --space-7: 6rem;

  /* --- Rayons & ombres --------------------------------------------------- */
  --radius-sm: 8px;
  --radius:    14px;
  --radius-lg: 22px;
  --radius-pill: 999px;

  --shadow-sm: 0 2px 8px rgba(35, 33, 28, 0.06);
  --shadow:    0 10px 30px rgba(35, 33, 28, 0.10);
  --shadow-lg: 0 24px 60px rgba(35, 33, 28, 0.16);

  /* --- Mise en page ------------------------------------------------------ */
  --container: 1180px;
  --header-h: 76px;

  --transition: 0.25s ease;
}