/* ============================================================
   BetterCallHealth - tokens.css
   Variables canoniques du design system .bch-*
   Source de verite : index.html (refonte 2026), :root lignes 41-53
   Charger AVANT chrome.css et article.css
   ============================================================ */

:root {
  /* Couleurs de marque */
  --bch-primary: #0EA5E9;              /* bleu ciel principal */
  --bch-primary-dark: #0284C7;         /* bleu appuye (hover, degrades) */
  --bch-secondary: #06B6D4;            /* cyan secondaire */
  --bch-accent: #8B5CF6;               /* violet accent */
  --bch-emerald: #10B981;              /* vert validation */
  --bch-deep: #0C4A6E;                 /* bleu profond (titres, degrades) */
  --bch-ink: #0F172A;                  /* texte principal */
  --bch-paper: #F8FAFC;                /* fond de page */
  --bch-border: rgba(14,165,233,0.15); /* bordures teintees */

  /* Reglages animation / densite (panneau tweaks index.html) */
  --bch-anim-speed: 1;
  --bch-density: 1;

  /* Degrades canoniques */
  /* CTA : degrade exact des boutons .bch-cta d'index.html */
  --bch-cta-grad: linear-gradient(135deg, #0EA5E9, #0284C7 55%, #1E3A5F);
  /* Titres en degrade (.gradient-text) */
  --bch-grad-text: linear-gradient(135deg, #0C4A6E 0%, #0EA5E9 60%, #06B6D4 100%);

  /* Echelle de rayons (alignee sur css/soft-ui.css) */
  --bch-radius-sm: 14px;
  --bch-radius-md: 22px;
  --bch-radius-lg: 28px;
  --bch-radius-pill: 999px;

  /* Piles de polices (self-hosted via css/fonts.css) */
  --bch-font-body: 'Plus Jakarta Sans', system-ui, sans-serif;
  --bch-font-mono: 'JetBrains Mono', ui-monospace, monospace;
}