/* ============================================================
   tokens.css — Design system COD Informatique & Télécom
   Toutes les valeurs de base du site (§A pages principales).
   Aucune couleur/espacement en dur ailleurs : on pioche ici.
   Les pages "solutions" (§B) ont leur propre thème interne,
   défini en tête de chaque fichier, et n'utilisent pas ces tokens.
   ============================================================ */

:root {
  /* ---- Couleurs de marque ---- */
  --c-blue: #2563eb;          /* bleu principal */
  --c-blue-700: #1d4ed8;      /* bleu foncé (hover liens) */
  --c-orange: #ef6b12;        /* orange CTA / accents (possédé, légèrement plus profond) */
  --c-orange-hover: #d85c08;  /* orange survol */
  --c-green: #22c55e;         /* validation */

  /* ---- Fonds ---- */
  --c-bg: #ffffff;            /* fond clair */
  --c-bg-blue: #eef4ff;       /* fond bleu très clair (sections) */
  --c-bg-card: #f8fafc;       /* fond cartes secondaires */
  --c-footer: #0f172a;        /* footer : seul fond sombre */

  /* ---- Texte ---- */
  --c-text: #0b1b2e;          /* encre bleu nuit (titres / texte fort) */
  --c-text-2: #475569;        /* texte secondaire */
  --c-text-3: #64748b;        /* texte secondaire clair */
  --c-text-4: #94a3b8;        /* texte tertiaire */
  --c-text-invert: #f8fafc;   /* texte sur fond sombre */

  /* ---- Bordures ---- */
  --c-border: #e2e8f0;        /* bordure standard */
  --c-border-blue: #bfdbfe;   /* bordure bleu clair */

  /* ---- Typographie ---- */
  --font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-display: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-black: 800;

  /* ---- Rayons ---- */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 24px;
  --r-pill: 999px;

  /* ---- Ombres ---- */
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.08);
  --shadow-lg: 0 20px 48px rgba(15, 23, 42, 0.12);
  --shadow-blue: 0 12px 32px rgba(37, 99, 235, 0.18);
  --shadow-orange: 0 10px 26px rgba(249, 115, 22, 0.28);

  /* ---- Espacements (échelle 4px) ---- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;
  --sp-10: 128px;

  /* ---- Largeurs de contenu ---- */
  --container: 1160px;
  --container-narrow: 860px;

  /* ---- Transitions (mêmes courbes/durées partout) ---- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-fast: 160ms;
  --dur: 280ms;
  --dur-slow: 520ms;

  /* ---- Header ---- */
  --header-h: 86px;
}