/**
 * Solent Avocats — Design Tokens
 *
 * Source de vérité unique pour tous les templates custom.
 * Audit réalisé le 2026-03-22 — aligné sur le CSS Bricks généré en production.
 *
 * RÈGLE : ne jamais coder une couleur, taille ou police en dur dans un template.
 * Toujours utiliser les variables ci-dessous.
 */

:root {

  /* ─────────────────────────────────────────
     COULEURS
  ───────────────────────────────────────── */

  --sol-navy:  #1B2A4A;   /* Bleu marine — titres, texte principal */
  --sol-gold:  #C4975A;   /* Or doux — accents, labels, hover */
  --sol-cream: #FAF6F0;   /* Crème — arrière-plans alternatifs */
  --sol-white: #ffffff;

  /* Texte */
  --sol-text-body:  #424242;  /* Corps de texte (valeur Bricks production) */
  --sol-text-muted: #9e9e9e;  /* Texte secondaire / rôles / dates */
  --sol-text-light: #9ca3af;  /* Texte tertiaire */

  /* Bordures */
  --sol-border: #e5e7eb;

  /* Liens */
  --sol-link:       var(--sol-navy);
  --sol-link-hover: var(--sol-gold);


  /* ─────────────────────────────────────────
     TYPOGRAPHIE
  ───────────────────────────────────────── */

  --sol-font: Inter, sans-serif;

  /**
   * Tailles de police — calées sur Bricks (base 16px navigateur)
   *   h1 { font-size: 2.4em } → 38px
   *   h2 { font-size: 2.1em } → 34px
   *   h3 { font-size: 1.8em } → 29px
   *   h4 { font-size: 1.6em } → 26px
   *   line-height: 1.4 (h1/h2/h3/h4)
   */
  --sol-h1:   38px;
  --sol-h2:   34px;
  --sol-h3:   29px;
  --sol-h4:   26px;
  --sol-body: 16px;
  --sol-sm:   14px;
  --sol-xs:   13px;

  /* Graisses */
  --sol-light:    300;
  --sol-regular:  400;
  --sol-medium:   500;
  --sol-semibold: 600;

  /* Interligne */
  --sol-lh-heading: 1.4;
  --sol-lh-body:    1.65;


  /* ─────────────────────────────────────────
     EFFETS HOVER AUTORISÉS
     (référence pour tous les templates)
  ───────────────────────────────────────── */

  /*
   * Carte membre :
   *   translateY(-4px) + box-shadow sur l'image + couleur or sur le nom
   *
   * Lien texte :
   *   color → var(--sol-gold), pas de soulignement
   *
   * Bouton CTA :
   *   background → var(--sol-navy), color → white
   */

  --sol-transition:      0.25s ease;
  --sol-transition-slow: 0.4s ease;


  /* ─────────────────────────────────────────
     LAYOUT
  ───────────────────────────────────────── */

  --sol-inner-max:  1100px;  /* Largeur max du contenu */
  --sol-inner-x:    40px;    /* Padding horizontal (desktop) */
  --sol-inner-x-sm: 24px;    /* Padding horizontal (mobile) */
  --sol-section-y:  80px;    /* Padding vertical section */

}