/* ==========================================================================
   LASER 26 — THÈME DE MARQUE
   Fichier unique de configuration visuelle : couleurs, typographies, rayons.
   Valeurs issues de la charte graphique Laser 26.
   Modifiez uniquement ce fichier pour ajuster l'identité visuelle.
   ========================================================================== */

:root {
  /* --- Palette officielle (charte, p. 5) ---------------------------------- */
  --brand-marron: #46291d;   /* Marron  — couleur principale, CTA, titres     */
  --brand-taupe:  #8b6860;   /* Taupe   — textes secondaires, liens           */
  --brand-rose:   #c6afa8;   /* Rose    — décoratif uniquement (contraste < AA) */
  --brand-creme:  #f2ece5;   /* Crème   — surfaces, cartes                    */
  --brand-beige:  #faf9f2;   /* Beige   — fond de page                        */
  --brand-gris:   #373737;   /* Gris    — texte courant                       */
  --brand-bordeaux: #470f10; /* Teinte du logo principal                      */

  /* --- Rôles sémantiques (c'est ce que le code utilise) -------------------
     DA alignée sur laser26.com : beige, cartes blanches, accent rose,
     texte quasi noir, Poppins partout.                                       */
  --brand-ink:           #45312a;            /* marron Laser 26 foncé */
  --color-bg:            var(--brand-beige);
  --color-surface:       #ffffff;
  --color-surface-muted: #f4ece9;            /* rose très clair : sélections   */
  --color-text:          #45312a;
  --color-text-muted:    #6b554c;            /* 7:1 sur beige                  */
  --color-heading:       var(--brand-ink);
  --color-accent:        var(--brand-rose);  /* boutons, sélections            */
  --color-accent-hover:  #b89c94;
  --color-on-accent:     #38261f;            /* marron très foncé sur rose     */
  --color-line:          #ebe6df;
  --color-line-strong:   #ddd0cb;
  --color-hover-line:    #b89c94;
  --color-focus:         var(--brand-ink);
  --color-logo:          var(--brand-ink);
  --color-error:         #a3271f;
  --color-error-bg:      #fbeeec;

  /* --- Typographies -------------------------------------------------------
     Le site laser26.com utilise Poppins pour tout, titres en gras.
     (La charte prévoit aussi « The Seasons » pour les titres : remplacer
     --font-display si vous souhaitez y revenir.)                             */
  --font-display: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body:    "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;

  --weight-display: 700;
  --weight-body: 400;
  --weight-medium: 500;
  --weight-strong: 600;

  /* --- Échelle typographique (fluide) ------------------------------------ */
  --fs-xs:  0.8125rem;
  --fs-sm:  0.875rem;
  --fs-md:  1rem;
  --fs-lg:  1.125rem;
  --fs-xl:  clamp(1.5rem, 1.2rem + 1.2vw, 2rem);
  --fs-2xl: clamp(2.125rem, 1.6rem + 2.4vw, 3.5rem);

  /* --- Formes & espacements ---------------------------------------------- */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 18px;
  --radius-pill: 999px;
  --shadow-card: 0 1px 2px rgba(70, 41, 29, 0.04), 0 8px 28px rgba(70, 41, 29, 0.06);
  --container: 680px;
  --gutter: 20px;
  --transition: 180ms ease;
}