/* =============================================================================
   CRM EcoThatch — 01-tokens.css
   -----------------------------------------------------------------------------
   Palette et réglages de base. Reprise fidèle du thème sombre de l'outil
   d'origine : l'équipe y est habituée, et le premier lot est un port, pas une
   refonte visuelle.

   Toute nouvelle couleur doit être pensée pour un fond SOMBRE.
   ========================================================================== */

:root {
  /* Fonds, du plus profond au plus clair */
  --bg:      #0e1220;
  --bg2:     #141a2b;
  --panel:   #1a2234;
  --panel2:  #222c42;
  --line:    #2b3752;

  /* Encre */
  --txt:     #eaf0fb;
  --muted:   #94a2bd;

  /* Accent */
  --accent:  #5b8dff;
  --accent2: #4577ee;

  /* Ombres */
  --shadow:    0 10px 40px rgba(0, 0, 0, .4);
  --shadow-sm: 0 4px 14px rgba(0, 0, 0, .25);

  /* Statuts de fiche */
  --s-todo:     #8794ad;
  --s-progress: #f2a83a;
  --s-done:     #37c26b;

  /* Priorités */
  --p-basse:   #5a6b86;
  --p-moyenne: #3f9bd4;
  --p-haute:   #ef8f3c;
  --p-urgente: #e5484d;

  /* Catégories et signaux */
  --pro:   #3d7cf0;
  --perso: #22b391;
  --alert: #e5484d;
  --ok:    #37c26b;
  --warn:  #f2a83a;

  --radius: 14px;

  /* Hauteur de l'en-tête collant : sert aussi de décalage aux ancres */
  --h-entete: 58px;
}

*,
*::before,
*::after { box-sizing: border-box; }

html, body { height: 100%; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--txt);
  font: 15px/1.55 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* Le focus doit rester visible : plusieurs actions du CRM (compteurs d'appels,
   segments de sample) ne sont que des boutons, atteignables au clavier. */
:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
  border-radius: 6px;
}

/* Respecte le réglage système « moins d'animations ». */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
}

/* Utilitaire : visible des seuls lecteurs d'écran. */
.sr-only {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}