/*
 * Jetons du design system, repris de refonte/front/src/main.css (@theme)
 * et des valeurs par défaut de Tailwind CSS 4 utilisées par la refonte.
 * Mêmes noms que la refonte : --color-cepi-*.
 */
:root {
  /* Couleurs CEPI */
  --color-cepi-bleu-cyan: #116771;
  --color-cepi-bleu-fonce: #055a8e;
  --color-cepi-gris-fonce: #555459;
  --color-cepi-gris: #dfd7d5;
  --color-cepi-gris-clair: #ebf5f7;
  --color-cepi-vert: #6abd45;
  --color-cepi-jaune: #f4d139;
  --color-cepi-orange: #f38145;
  --color-cepi-rouge: #f35745;
  --color-cepi-blanc: #fbfbfb;
  --color-cepi-fond: #eefdff;
  --color-cepi-blanc-pur: #fff;
  --color-cepi-gris-moyen: #a1a1a1;
  --color-cepi-gris-souris: #737373;
  --color-cepi-gris-pale: #f5f5f5;

  /*
   * Variantes « texte » (lot 8, propres au prototype) : en texte courant, rouge (3,35:1), orange
   * (2,61:1), vert (2,34:1) et gris moyen (2,58:1) n'atteignent pas le 4,5:1 du WCAG AA exigé par la
   * refonte ; même teinte assombrie, ≥ 4,5:1 sur blanc, fond, gris clair et lignes zébrées.
   * Écart signalé à l'équipe refonte (docs/ecarts-refonte.md).
   */
  --color-texte-rouge: #c42d1b;
  --color-texte-orange: #a84a12;
  --color-texte-vert: #3b7a21;
  --color-texte-gris: #6b6b6b;

  /* Redéfinie par les fonds bleus (entete) pour garder le focus visible. */
  --couleur-focus: var(--color-cepi-bleu-cyan);

  /*
   * Fenêtres, avis, note du patient (css/fenetres.css, docs/design-comptoir.md). Neutres teintés vers
   * le bleu-vert de la marque (teinte 200) ; le ton ne colore qu'un signe, un titre d'avis et le bouton
   * principal. Textes ≥ 4,5:1 sur leur fond.
   */
  --encre: oklch(26% 0.02 220);
  --encre-douce: oklch(46% 0.02 220);
  --encre-inverse: oklch(96% 0.006 220);
  --surface: oklch(99.4% 0.003 200);
  --surface-calme: oklch(96.6% 0.006 200);
  --trait: oklch(90% 0.01 210);
  --selection: oklch(94% 0.025 200);
  --papier: oklch(100% 0 0);
  --ton-question: var(--color-cepi-bleu-cyan);
  --ton-attention: oklch(50% 0.11 65);
  --ton-danger: oklch(50% 0.17 30);
  --ton-info: var(--color-cepi-bleu-fonce);
  --ton-succes: oklch(48% 0.11 140);
  --ton-note: oklch(47% 0.09 95);
  --voile: oklch(22% 0.02 220 / 0.4);
  --voile-leger: oklch(22% 0.02 220 / 0.18);
  --voile-apercu: oklch(18% 0.015 220 / 0.86);
  /* Une ombre par surface, jamais deux. */
  --ombre-fenetre: 0 20px 44px -18px oklch(22% 0.03 220 / 0.42);
  --ombre-avis: 0 10px 26px -14px oklch(22% 0.03 220 / 0.4);
  --ombre-feuille: 0 14px 34px -12px oklch(10% 0.01 220 / 0.6);
  --bandeau-action: oklch(88% 0.12 90);

  /* Fonds teintés du poste (lignes paires, sélection, alertes) : la teinte de la marque, en transparence. */
  --fond-vert: rgb(106 189 69 / 0.15);
  --fond-vert-fort: rgb(106 189 69 / 0.2);
  --fond-selection-grille: rgb(17 103 113 / 0.14);
  --fond-princeps: rgb(17 103 113 / 0.06);
  --fond-orange: rgb(243 129 69 / 0.15);
  --fond-erreur: rgb(243 87 69 / 0.08);
  --survol-clair: rgb(255 255 255 / 0.6);
  --fond-demo: rgb(255 255 255 / 0.94);
  /* Documents imprimés (aperçus) : encre et filets du papier. */
  --encre-papier: oklch(25% 0 0);
  --trait-papier: oklch(78% 0 0);

  /* Mouvement « sévère » (outil de comptoir) : rapide et net, sortie à 65 % de l'entrée. */
  --dur-micro: 85ms;
  --dur-short: 155ms;
  --dur-long: 300ms;
  --dur-sortie: 190ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.55, 0, 1, 0.45);

  /* Typographie */
  --font-sans: 'Roboto', ui-sans-serif, system-ui, sans-serif;
  --font-poppins: 'Poppins', ui-sans-serif, system-ui, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;

  --text-2xs: 0.6875rem;  --text-2xs--lh: 1rem;
  --text-xs: 0.75rem;     --text-xs--lh: 1rem;
  --text-sm: 0.875rem;    --text-sm--lh: 1.25rem;
  --text-base: 1rem;      --text-base--lh: 1.5rem;
  --text-lg: 1.125rem;    --text-lg--lh: 1.75rem;
  --text-xl: 1.25rem;     --text-xl--lh: 1.75rem;
  --text-2xl: 1.5rem;     --text-2xl--lh: 2rem;

  /* Espacements (unité Tailwind : 0,25 rem) */
  --espace: 0.25rem;

  /* Rayons */
  --radius-sm: 0.25rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --radius-full: 9999px;

  /* Ombres */
  --shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
  --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
  --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
}