/*
 * TRG — jetons de design
 *
 * Valeurs relevées dans le guide (style/guide/Systeme.dc.html) : direction
 * « carte topographique et balise ». Source unique : aucune couleur ni aucun
 * rayon ne s'écrit en dur ailleurs.
 *
 * Chargé APRÈS bootstrap.min.css : il réaccorde aussi les variables de Bootstrap 5.3.
 */

:root {
  /* ---- Fonds ---------------------------------------------------- */
  --g-bg:            #F3F2EC;   /* papier de carte */
  --g-surface:       #FFFFFF;   /* cartes, champs */
  --g-surface-2:     #EBEAE2;   /* bloc secondaire, badge privé */
  --g-carte-fond:    #EEEFE6;   /* fond des vignettes SVG */

  /* ---- Bordures ------------------------------------------------- */
  --g-border:        #DCDCD3;
  --g-rule:          #EAEAE3;

  /* ---- Texte ---------------------------------------------------- */
  --g-ink:           #14201A;   /* vert-noir */
  --g-ink-2:         #3E4A43;
  --g-muted:         #76817A;

  /* ---- Accents -------------------------------------------------- */
  --g-forest:        #1F4D3A;   /* structure : nav active, liens, marqueur de départ */
  --g-forest-dark:   #163B2C;
  --g-forest-light:  #E1EDE5;
  --g-trail:         #E4572E;   /* balise : tracé sur la carte, action principale, arrivée */
  --g-trail-dark:    #C2431D;
  --g-trail-light:   #FBE5DC;
  --g-water:         #9CC3D5;
  --g-danger:        #A3282F;
  --g-danger-light:  #F6E3E3;

  /* ---- Typographie ---------------------------------------------- */
  --g-font-titre: 'Barlow Condensed', 'Arial Narrow', 'Roboto Condensed', system-ui, sans-serif;
  --g-font-texte: 'Barlow', system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;

  /* ---- Rayons (angles peu arrondis : la carte est la vedette) ---- */
  --g-r-card: 12px;
  --g-r-btn:  8px;
  --g-r-chip: 6px;
  --g-r-pill: 999px;

  /* ---- Ombres (rares) ------------------------------------------- */
  --g-shadow-flottant: 0 2px 8px rgba(20, 32, 26, .12);
  --g-shadow-survol:   0 8px 24px rgba(20, 32, 26, .14);

  /* ---- Rythme --------------------------------------------------- */
  --g-pad: 16px;
  --g-nav-basse: 64px;
}

/* ------------------------------------------------------------------ */
/* Raccordement à Bootstrap 5.3                                       */
/* ------------------------------------------------------------------ */

:root {
  --bs-body-bg:            var(--g-bg);
  --bs-body-color:         var(--g-ink);
  --bs-body-font-family:   var(--g-font-texte);
  --bs-body-font-size:     15px;
  --bs-body-line-height:   1.45;

  --bs-primary:            #1F4D3A;
  --bs-primary-rgb:        31, 77, 58;
  --bs-link-color:         #1F4D3A;
  --bs-link-color-rgb:     31, 77, 58;
  --bs-link-hover-color:   #163B2C;
  --bs-link-hover-color-rgb: 22, 59, 44;
  --bs-link-decoration:    none;

  --bs-border-color:       #DCDCD3;
  --bs-border-radius:      8px;
  --bs-border-radius-sm:   6px;
  --bs-border-radius-lg:   12px;
  --bs-border-radius-pill: 999px;

  --bs-secondary-color:    #3E4A43;
  --bs-tertiary-color:     #76817A;
  --bs-tertiary-bg:        #EBEAE2;

  --bs-heading-color:      #14201A;
  --bs-emphasis-color:     #14201A;

  --bs-focus-ring-color:   rgba(31, 77, 58, .28);
  --bs-focus-ring-width:   3px;

  --bs-danger:             #A3282F;
  --bs-danger-rgb:         163, 40, 47;
}