/* ============================================================
   VARIABLES DU THÈME — éditez UNIQUEMENT ce fichier
   ============================================================ */
:root {
  /* --- Palette (mode clair, inspirée Material indigo) --- */
  --tk-couleur-primaire:        #4051b5;
  --tk-couleur-primaire-clair:  rgba(64, 81, 181, .08);
  --tk-couleur-texte:           rgba(0, 0, 0, .87);
  --tk-couleur-texte-secondaire:rgba(0, 0, 0, .54);
  --tk-couleur-fond:            #ffffff;
  --tk-couleur-fond-2:          #f6f6f6;   /* barres latérales */
  --tk-couleur-bordure:         rgba(0, 0, 0, .12);
  --tk-couleur-lien:            var(--tk-couleur-primaire);

  /* --- Typographie --- */
  --tk-police-texte: "Roboto", "Helvetica Neue", Arial, sans-serif;
  --tk-police-titres: var(--tk-police-texte);
  --tk-taille-base: 16px;
  --tk-taille-corps: 1rem;      /* chapeau = var(--tk-taille-chapeau) */
  --tk-taille-chapeau: 1.15rem;

  /* --- Dimensions (largeurs des 3 colonnes) --- */
  --tk-largeur-navigation: 260px;
  --tk-largeur-sommaire:  220px;
  --tk-gouttiere:          24px;

  /* --- Composants --- */
  --tk-rayon-boite:   2px;
  --tk-vitesse:        200ms;
}

/* --- Mode sombre automatique : bascule manuelle à l'étape 5 --- */
@media (prefers-color-scheme: dark) {
  :root {
    --tk-couleur-texte:            rgba(255, 255, 255, .87);
    --tk-couleur-texte-secondaire: rgba(255, 255, 255, .54);
    --tk-couleur-fond:             #1e2129;
    --tk-couleur-fond-2:           #16181d;
    --tk-couleur-bordure:          rgba(255, 255, 255, .12);
    --tk-couleur-primaire:          #7986cb;
    --tk-couleur-primaire-clair:    rgba(121, 134, 203, .14);
  }
}