/* Atlas CRM — design tokens */
:root {
  /* Surfaces */
  --bg: #f5f5f7;            /* fond de l'app */
  --sidebar: rgba(246,246,248,.9);
  --card: #ffffff;
  --fill: rgba(0,0,0,.04);  /* boutons secondaires, champs */
  --fill-strong: rgba(0,0,0,.06); /* champ recherche, segmented control, item nav actif */
  --lane: rgba(0,0,0,.035); /* colonnes kanban */
  --row-hover: #fafafa;
  --track: #e8e8ed;         /* barres de progression vides, avatars */

  /* Texte */
  --ink: #2a2d34;
  --ink-2: #6e6e73;         /* secondaire */
  --ink-3: #86868b;         /* tertiaire, labels, compteurs */
  --line: rgba(0,0,0,.08);  /* séparateurs 1px */

  /* Action (une seule couleur d'action) */
  --brand: #2a2d34;
  --blue: #557587;
  --blue-hover: #4f6d7d;
  --blue-tint: rgba(85,117,135,.10);  /* badge ATOM, zone de dépôt survolée (.08) */

  /* Tags de source : fonds discrets, texte lisible */
  --source-linkedin-bg: #e7f0f8;
  --source-linkedin-ink: #32658a;
  --source-youtube-bg: #fbe9e7;
  --source-youtube-ink: #a3443d;

  --activity-active-bg: #e9f4ec;
  --activity-active-ink: #26713b;

  /* Statuts (pastilles 8px) */
  --st-r1-planifie: #a1a1a6;
  --st-r1-realise: #ff9f0a;
  --st-r2-planifie: #ffcc00;
  --st-r2-realise: #af52de;
  --st-affiliation: #0071e3;
  --st-client: #34c759;
  --st-perdu: #ff3b30;
  --st-non-qualifie: #d2d2d7;

  /* Texte sémantique (contraste AA) */
  --text-success: #248a3d;
  --text-warning: #c93400;  /* « 12 j sans action », séance à planifier */
  --text-danger: #d70015;

  /* Typo */
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif;

  /* Rayons */
  --r-pill: 980px;   /* réservé aux éléments explicitement en pilule, pas aux boutons */
  --r-card: 18px;    /* cartes KPI / grands blocs */
  --r-panel: 16px;   /* tableaux, colonnes kanban */
  --r-item: 12px;    /* cartes kanban */
  --r-control: 9px;  /* boutons, recherche, segmented */
  --r-nav: 8px;      /* items sidebar */
  --r-badge: 5px;

  /* Ombres */
  --shadow-card: 0 2px 4px rgba(42,45,52,.035), 0 8px 24px rgba(42,45,52,.055);
  --shadow-item: 0 1px 3px rgba(42,45,52,.05), 0 3px 8px rgba(42,45,52,.04);
  --shadow-item-hover: 0 3px 6px rgba(42,45,52,.05), 0 6px 16px rgba(42,45,52,.08);
  --shadow-hud: 0 20px 50px rgba(0,0,0,.30);
}