/* ============================================================
   CAP-RDR — TOKENS
   Le seul fichier à modifier pour changer l'apparence du site.
   Tout le reste (WordPress, Tutor LMS, WooCommerce) lit ces valeurs.
   ============================================================ */

:root{

  /* ---------- COULEURS ---------- */
  --cap-ink:        #13302C;   /* texte principal, panneaux sombres */
  --cap-pine:       #3E6B60;   /* couleur de marque, liens, progression */
  --cap-pine-soft:  #7FA79C;   /* états inactifs, bordures accentuées */
  --cap-signal:     #E5A800;   /* UNIQUEMENT boutons d'action et progression */
  --cap-signal-alt: #C89200;   /* survol du signal */
  --cap-paper:      #ECEFEA;   /* fond de page */
  --cap-paper-2:    #F7F8F5;   /* fond des cartes et encadrés */
  --cap-line:       #C9D2CC;   /* filets, séparateurs */
  --cap-muted:      #6E7F79;   /* texte secondaire */
  --cap-danger:     #A8402F;   /* erreurs */
  --cap-success:    #3E6B60;   /* validations */

  /* ---------- TYPOGRAPHIE ---------- */
  --cap-font-display: 'Bricolage Grotesque', system-ui, sans-serif;
  --cap-font-body:    'Source Serif 4', Georgia, serif;
  --cap-font-mono:    'IBM Plex Mono', ui-monospace, monospace;

  --cap-size-body:    17px;
  --cap-line-height:  1.65;
  --cap-tracking-display: -0.02em;   /* interlettrage des titres */

  /* ---------- BOUTONS ---------- */
  --cap-btn-radius:    2px;      /* 2px = anguleux · 999px = pilule */
  --cap-btn-padding:   13px 24px;
  --cap-btn-weight:    600;
  --cap-btn-size:      .95rem;
  --cap-btn-transform: none;     /* uppercase si tu veux des capitales */
  --cap-btn-border:    1px;      /* épaisseur du contour des boutons secondaires */

  /* ---------- FORMES ---------- */
  --cap-radius:       3px;       /* cartes, encadrés, champs */
  --cap-radius-img:   3px;
  --cap-shadow:       none;      /* ex : 0 2px 12px rgba(19,48,44,.08) */
  --cap-focus:        2px solid var(--cap-signal);   /* accessibilité clavier */

  /* ---------- RYTHME ---------- */
  --cap-gap:          24px;
  --cap-section:      64px;
  --cap-width:        1080px;
}

/* ============================================================
   BRANCHEMENT SUR TUTOR LMS
   Tutor expose ses propres variables : on les fait pointer
   vers les tokens ci-dessus, ce qui reteinte tout le LMS
   d'un coup (boutons, progression, badges, onglets).
   ============================================================ */

:root{
  --tutor-color-primary:        var(--cap-pine);
  --tutor-color-primary-rgb:    62, 107, 96;
  --tutor-color-primary-hover:  var(--cap-ink);
  --tutor-color-secondary:      var(--cap-signal);
  --tutor-color-success:        var(--cap-success);
  --tutor-color-warning:        var(--cap-signal);
  --tutor-color-danger:         var(--cap-danger);
  --tutor-color-black:          var(--cap-ink);
  --tutor-color-muted:          var(--cap-muted);
  --tutor-color-gray:           var(--cap-line);
  --tutor-body-color:           var(--cap-ink);
  --tutor-border-color:         var(--cap-line);
  --tutor-border-radius-6:      var(--cap-radius);
  --tutor-border-radius-10:     var(--cap-radius);
  --tutor-font-family:          var(--cap-font-body);
}

/* ============================================================
   BRANCHEMENT SUR WOOCOMMERCE
   ============================================================ */

:root{
  --woocommerce:                var(--cap-pine);
  --wc-primary:                 var(--cap-pine);
  --wc-green:                   var(--cap-success);
  --wc-red:                     var(--cap-danger);
}