/* Kortex Santé — Design Tokens (source unique)
   Usage : importer ce fichier, poser data-theme="pharma" | "audit" | "maison" sur <html> ou :root.
   N'utiliser QUE des var(--…) dans les composants, jamais un hex en dur. */

:root {
  /* ---- Socle (commun) ---- */
  --marine: #14192F;
  --marine-soft: #2a3252;
  --on-marine: #EEF1F8;
  --on-marine-soft: #c3cadd;
  --on-marine-mute: #8b95b3;

  /* Marque : palettes brutes (référence directe) */
  --vert: #1DC280;
  --vert-fonce: #0E9E66;
  --vert-clair: #63DBA9;
  --vert-ink: #062A1E;
  --cream: #FBF7EE;
  --ink: #211A18;
  --ink-2: #4c3f38;
  --ink-mute: #7B6F64;
  --rouge: #E0002D;
  --rouge-ink: #C40E2E;
  /* Maison mère : bleu officiel (pack logo Kortex Santé) */
  --bleu: #116af8;
  --bleu-fonce: #0d54c9;   /* dérivé, texte bleu sur clair (contraste) */
  --bleu-nuit: #031d33;    /* encre bleu nuit officielle (couleur-fonce) */
  --bleu-clair: #6ea6fb;   /* dérivé, survols / secondaire */

  /* ---- UI claire (produit) ---- */
  --bg: #ffffff;
  --bg-soft: #f5f7fb;
  --line: #e6eaf2;
  --text: #14192F;
  --text-soft: #5a6478;
  --text-mute: #8a93a8;
  --alerte: #d8552a;

  /* ---- Rayons ---- */
  --radius: 18px;
  --radius-sm: 12px;
  --radius-pill: 999px;

  /* ---- Élévation ---- */
  --shadow-sm: 0 2px 10px rgba(20, 25, 47, .05);
  --shadow: 0 18px 50px -22px rgba(20, 25, 47, .22);
  --shadow-accent: 0 14px 34px -14px rgba(29, 194, 128, .5);

  /* ---- Motion ---- */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: .2s;
  --dur: .35s;
  --dur-slow: .65s;

  /* ---- Typographie ---- */
  --font-sans: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Space Mono", monospace;

  /* ---- Accent (défaut = maison mère : bleu sur marine) ---- */
  --accent: var(--bleu);
  --accent-strong: var(--bleu-fonce);
  --accent-soft: var(--bleu-clair);
  --accent-ink: #ffffff;
  --surface: var(--marine);
  --on-surface: var(--on-marine);
}

/* ---- Thème Pharma : accent vert, UI claire ---- */
:root[data-theme="pharma"] {
  --accent: var(--vert);
  --accent-strong: var(--vert-fonce);
  --accent-soft: var(--vert-clair);
  --accent-ink: var(--vert-ink);
  --surface: var(--bg);
  --on-surface: var(--text);
  --shadow-accent: 0 14px 34px -14px rgba(29, 194, 128, .5);
}

/* ---- Thème Conseil : accent rouge sur crème ---- */
:root[data-theme="audit"] {
  --accent: var(--rouge);
  --accent-strong: var(--rouge-ink);
  --accent-soft: #f2a6b3;
  --accent-ink: #ffffff;
  --surface: var(--cream);
  --on-surface: var(--ink);
  --bg: var(--cream);
  --bg-soft: #F3ECDD;
  --line: #e7ddca;
  --text: var(--ink);
  --text-soft: var(--ink-2);
  --text-mute: var(--ink-mute);
  --shadow-accent: 0 14px 34px -16px rgba(224, 0, 45, .5);
}

/* ---- Thème Maison mère : marine + accent bleu ---- */
:root[data-theme="maison"] {
  --accent: var(--bleu);
  --accent-strong: var(--bleu-clair);
  --accent-soft: var(--bleu-clair);
  --accent-ink: #ffffff;
  --surface: var(--marine);
  --on-surface: var(--on-marine);
  --shadow-accent: 0 14px 34px -14px rgba(17, 106, 248, .5);
}