/* ============================================================================
   GEVA — Pont design system (DS) → app existante.
   Le dossier design (css/ds/*) est la SOURCE DE VÉRITÉ visuelle.
   Ici on remappe les tokens historiques `--ge-*` sur les tokens du design
   (`--geva-*` / `--color-*` / `--radius-*` / `--shadow-*` …) pour que TOUTES
   les pages existantes (qui utilisent .ge-*) adoptent immédiatement la charte
   du design, dans le nouveau shell. Aucune couleur en dur.
   À charger APRÈS css/ds/styles.css et tokens.css, AVANT ui.css.
   ========================================================================== */

:root {
  /* --- Marque --- */
  --ge-blue: var(--geva-blue);
  --ge-blue-bright: var(--geva-blue-vivid);
  --ge-blue-deep: var(--geva-blue-deep);
  --ge-ink: var(--geva-ink);
  --ge-success: var(--geva-success);
  --ge-gradient: var(--geva-gradient);
  --ge-gradient-soft: var(--geva-gradient-soft);

  /* --- Rôles sémantiques --- */
  --ge-bg: var(--geva-slate-50);
  --ge-bg-soft: var(--geva-slate-25);
  --ge-surface: var(--color-surface);
  --ge-surface-raised: var(--color-surface);
  --ge-border: var(--color-divider);
  --ge-border-strong: var(--color-border-strong);
  --ge-border-soft: var(--color-divider);
  --ge-tint: var(--geva-blue-soft);

  --ge-text: var(--color-text);
  --ge-text-soft: var(--geva-slate-700);
  --ge-text-muted: var(--color-text-muted);
  --ge-text-on-blue: #fff;

  --ge-primary: var(--geva-blue);
  --ge-primary-hover: var(--color-action-hover);
  --ge-focus-ring: var(--color-focus-ring);

  /* --- États --- */
  --ge-success-bg: var(--geva-success-soft);
  --ge-success-text: var(--geva-success);
  --ge-success-border: var(--geva-success-soft);
  --ge-warn-bg: var(--geva-warning-soft);
  --ge-warn-text: var(--geva-warning);
  --ge-warn-border: var(--geva-warning-soft);
  --ge-warn-num: var(--geva-warning);
  --ge-danger: var(--geva-danger);
  --ge-danger-hover: var(--geva-danger);
  --ge-danger-bg: var(--geva-danger-soft);
  --ge-danger-text: var(--geva-danger);
  --ge-danger-border: var(--geva-danger-soft);

  /* --- Typo / rayons / ombres / espaces : alignés au design --- */
  --ge-font: var(--font-sans);
  --ge-radius-sm: var(--radius-sm);
  --ge-radius: var(--radius-lg);
  --ge-radius-lg: var(--radius-xl);
  --ge-radius-xl: var(--radius-2xl);
  --ge-radius-pill: var(--radius-pill);
  --ge-shadow-sm: var(--shadow-xs);
  --ge-shadow: var(--shadow-sm);
  --ge-shadow-lg: var(--shadow-lg);
  --ge-halo: var(--shadow-blue);
}

/* Fond ardoise du design (look dashboard premium) — surfaces blanches par-dessus. */
body { background: var(--geva-slate-50); color: var(--color-text); }

/* ── Polish des composants historiques pour coller au design ──────────────── */
.ge-btn--primary {
  background: var(--geva-gradient) !important;
  color: #fff !important;
  box-shadow: var(--shadow-sm);
}
.ge-btn--primary:hover { box-shadow: var(--shadow-blue); }
.ge-btn { border-radius: var(--radius-md); font-weight: var(--weight-semibold); }
.ge-card, .ge-card--mt { border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); border: 1px solid var(--color-divider); }
.ge-badge { border-radius: var(--radius-pill); }
.ge-input, .ge-field input, .ge-field textarea, .ge-field select {
  border-radius: var(--radius-md);
}
.ge-input:focus, .ge-field input:focus, .ge-field textarea:focus, .ge-field select:focus {
  border-color: var(--geva-blue); box-shadow: 0 0 0 3px var(--color-focus-ring);
}