/* VocaDecks — identité « Graphite » (design/BRIEF-DESIGN.md, octobre 2026).
   Les 10 couleurs de la palette sont déclarées ICI et nulle part ailleurs :
   aucune autre couleur n'est autorisée dans l'app ni dans l'admin.
   Exceptions voulues par Evan, déclarées elles aussi ici : couleurs des boutons de
   note, catégories de cartes et intensités (brief Statistiques v2), menu latéral
   en bleu glacier, encadré steel. */
:root {
  --ground:    #F4F4F2;  /* fond de page */
  --surface:   #FFFFFF;  /* entrée active du menu latéral, champs de saisie */
  --ink:       #1F2124;  /* texte principal, logo, contours, chiffres */
  --muted:     #5B5F66;  /* texte secondaire */
  --line:      #DCDDDB;  /* filets de 1 px, fond des barres de progression */
  --accent:    #2B2D31;  /* boutons, bloc sombre, grand disque de l'accueil */
  --on-accent: #F4F4F2;  /* texte sur --accent */
  --track:     #45484E;  /* séparateurs et anneau sur fond sombre */
  --soft:      #E4E5E3;  /* menu latéral, petits disques, ligne « Vous » */
  --glacier:   #C6DBFF;  /* les cartes « Nouvelles », et le bouton « Commencer à étudier » de l'accueil (choix d'Evan, 15/10/2026) */
  /* texte posé sur le bleu glacier ou une couleur d'état : foncé dans les deux thèmes */
  --on-glacier: #1F2124;

  /* boutons de note de la révision (choix d'Evan, 18/10) et code couleur de l'admin */
  --apprentissage: #F79256;  /* mandarine : bouton « Encore », problème dans l'admin */
  --arevoir:       #85BC54;  /* vert : bouton « Bien », « tout va bien » dans l'admin */
  --mature:        #669D31;  /* vert foncé : « tout va bien » dans l'admin */

  /* catégories de cartes, PARTOUT sur le site (brief Statistiques v2 §2, décision d'Evan
     du 18/10/2026) — voir CLAUDE.md « Définitions métier ». Mêmes valeurs en sombre. */
  --cat-new:      #C6DBFF;  /* Nouvelles */
  --cat-learning: #F79256;  /* En apprentissage / Réapprentissage */
  --cat-young:    #A9D388;  /* Récentes (intervalle < 30 j) */
  --cat-mature:   #597F37;  /* Matures (intervalle ≥ 30 j) */
  --on-cat:        #1F2124;  /* texte sur Nouvelles, Apprentissage, Récentes */
  --on-cat-mature: #FFFFFF;  /* texte sur Matures (fond foncé) */
  /* intensité d'activité (calendrier, répartition horaire), du moins au plus */
  --heat-1: #CCE9B6;
  --heat-2: #A9D388;
  --heat-3: #85BC54;
  --heat-4: #6D9C43;
  --heat-5: #597F37;

  --menu: #C6DBFF;  /* fond du menu latéral : bleu glacier en clair */
  --steel:    #70757D;  /* encadré « Cartes dues » du menu (choix d'Evan, 17/10/2026) */
  --on-steel: #FFFFFF;  /* texte sur --steel, dans les deux thèmes */

  --radius: 8px;          /* rayon unique ; seul l'intérieur du sélecteur Oui/Non est à 6 px */
  --font: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
  color-scheme: light;
}

/* Mode sombre (choix d'Evan, 13/10/2026) : construit uniquement avec les
   mêmes 10 valeurs, redistribuées. Le fond prend l'encre, l'encre prend le
   fond, les boutons et les grands aplats s'inversent. */
[data-theme="dark"] {
  --ground:    #1F2124;
  --surface:   #45484E;
  --ink:       #F4F4F2;
  --muted:     #DCDDDB;
  --line:      #45484E;
  --accent:    #F4F4F2;
  --on-accent: #1F2124;
  --track:     #45484E;
  --soft:      #2B2D31;
  --menu:      #2B2D31;  /* en sombre, le menu garde son fond foncé */
  --steel:     #46484F;  /* encadré « Cartes dues » en sombre (choix d'Evan, 17/10/2026) */
  color-scheme: dark;
}

/* Plus Jakarta Sans 400 à 700, hébergée sur vocadecks.com (Google Fonts,
   licence SIL OFL, récupérée le 13/10/2026). Un fichier pour l'alphabet de
   base, un pour les lettres spéciales (ş, ğ, ı, İ du turc…), chargé
   seulement si la page en contient. */
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("fonts/plus-jakarta-sans-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("fonts/plus-jakarta-sans-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
