/* ============================================================================
 * eRoad — Jetons de design du site vitrine officiel
 * ============================================================================
 * Réécrit le 14/10/2026 pour la refonte du site vitrine (voir la maquette
 * « eRoad SaaS Platform — Structure, Maquette et Stratégie Éditoriale du Site
 * Vitrine Officiel », v1.0 Octobre 2026).
 *
 * Les couleurs de marque reprennent exactement celles de la plateforme
 * (backend/src/app/globals.css, vitrine/tokens.css d'origine) pour qu'un
 * décideur qui passe du site vitrine à la console ne change pas d'univers.
 *
 * Note sur la maquette : elle demande un bouton principal « bleu eRoad ». La
 * marque eRoad n'a pas de bleu — sa palette est aubergine (#714b67) et teal
 * (#017e84). Le teal, qui est déjà la couleur d'action de la plateforme et du
 * précédent site, a donc été retenu comme couleur de conversion : il lit comme
 * un bleu-vert institutionnel, et évite d'introduire une couleur étrangère au
 * produit sur la page la plus vue.
 * ========================================================================== */
:root {
  /* Marque */
  --plum-950: #1a0b18;
  --plum-900: #24102110;
  --plum-700: #47273f;
  --plum-600: #5e3854;
  --plum-500: #714b67;
  --plum-400: #875a7b;
  --plum-200: #c9aec1;
  --plum-100: #efe3ec;
  --plum-50: #f8f2f6;

  --teal-800: #015e62;
  --teal-700: #017e84;
  --teal-500: #00a09d;
  --teal-300: #5fc9c4;
  --teal-50: #e6f6f5;

  --gold-500: #fbbf24;
  --gold-100: #fef3c7;

  /* Texte et surfaces */
  --ink: #1e1a22;
  --ink-soft: #4b5563;
  --ink-muted: #6b7280;
  --ink-faint: #9ca3af;
  --line: #ece7eb;
  --line-strong: #dcd3da;
  --canvas: #f6f5f7;
  --subtle: #f9f7f9;
  --card: #ffffff;

  /* Surfaces sombres du hero et des sections institutionnelles */
  --nuit: #140a13;
  --nuit-soft: #1f1020;
  --nuit-card: rgba(255, 255, 255, 0.06);
  --nuit-line: rgba(255, 255, 255, 0.14);
  --nuit-text: #f4eff3;
  --nuit-text-soft: #cfc3cd;

  /* Formes */
  --radius-card: 16px;
  --radius-control: 12px;
  --radius-pill: 999px;

  /* Typographie */
  --font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Ombres */
  --shadow-card: 0 1px 2px rgba(30, 26, 34, 0.04), 0 1px 3px rgba(30, 26, 34, 0.04);
  --shadow-lift: 0 12px 28px -14px rgba(30, 26, 34, 0.28);
  --shadow-plum: 0 10px 20px -8px rgba(113, 75, 103, 0.45);
  --shadow-teal: 0 10px 24px -10px rgba(1, 126, 132, 0.55);

  /* Rythme */
  --wrap: 1140px;
  --gutter: 20px;
}