/* Thème Kodaje, clair : police, couleurs et marque de l'écran du simulateur (jetons --ks-* de la charte Kodaje). */

@font-face {
  font-family: 'Inter';
  src: url('/themes/kodaje/polices/inter-latin.woff2?v=c940764593d0') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'JetBrains Mono';
  src: url('/themes/kodaje/polices/jetbrains-mono-latin.woff2?v=2c32b9b3ee35') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --police: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --police-mono: 'JetBrains Mono', 'SFMono-Regular', Consolas, monospace;

  --fond: #EDF2F4; --surface: #FFFFFF; --encre: #0C1E26; --gris: #48626F; --gris-clair: #5E7884;
  --trait: #D3DFE5; --trait-fort: #8AA5B1; --interrupteur: #BCCDD6;
  --sur-primaire: #FFFFFF; --sur-encre: #FFFFFF;
  --ombre: 0 1px 3px rgba(12,30,38,.10), 0 4px 16px rgba(12,30,38,.06);

  /* primaire : focus, sélection, boutons enfoncés */
  --primaire: #0B6E8B; --primaire-fonce: #084F65; --primaire-pale: #E4F0F5; --primaire-halo: rgba(11,110,139,.14);
  --selection: #E4F0F5;
  /* remboursée */
  --ok: #0A6E52; --ok-fonce: #085A43; --ok-pale: #E3F2EB; --ok-trait: #B4D9C8; --ok-halo: rgba(10,110,82,.2);
  /* à charge du patient */
  --charge: #B01E29; --charge-fonce: #8F1821; --charge-pale: #FBEAEB; --charge-trait: #EFC0C4; --charge-halo: rgba(176,30,41,.2);
  /* facture : ticket modérateur, hors remboursement, assurance maladie */
  --tm: #C98A2E; --hr: #B01E29; --am: #0A6E52; --am-texte: #0A6E52;
  /* compteur « déjà dosée » */
  --compteur: #0B6E8B; --compteur-pale: #E4F0F5; --compteur-encre: #084F65;
  --flash: #D6EAF1; --annuler-accent: #8FDBF0;
  /* graphique des marches */
  --graphe-grille: #E2EAEE; --graphe-seuil: #A7BDC7; --graphe-actif: rgba(11,110,139,.07);
  --graphe-forfait: #0B6E8B; --graphe-forfait-aire: rgba(11,110,139,.10);
  --graphe-part: #B01E29; --graphe-part-aire: rgba(176,30,41,.12); --graphe-part-texte: #8F1821;
}

/* marque : le nom du produit en Georgia italique, suivi d'une capsule */
.marque { gap: 9px; color: var(--encre); }
.marque-mot { font: italic 600 25px/1 Georgia, 'Times New Roman', serif; letter-spacing: -.02em; }
.marque-capsule {
  font: 700 10.5px/1 var(--police-mono); letter-spacing: .16em; color: var(--primaire-fonce);
  border: 1px solid var(--trait-fort); border-radius: 5px; padding: 4px 7px; white-space: nowrap;
}
.cmd kbd { font-family: var(--police-mono); }