/* =========================================================================
   CARRIA — jetons de charte
   Recopiés VERBATIM de LANDING-ANNEXES.md, annexe C2. Aucune latitude.

   ⚠️ Le violet clair de la maquette obsolète
   « Carria design maquette/cockpit/design-tokens.css » est INTERDIT dans ce
   dépôt : sa seule présence dans une feuille de style, même en commentaire,
   est un critère de refus (brief §6). Sa valeur n'est donc pas recopiée ici.
   Il plafonnait à 2,16:1 sur son propre fond tonal et a été assombri lors
   d'un audit d'accessibilité. La landing utilise #4D2CF4 : un prospect qui
   voit la page puis la démonstration douze minutes plus tard doit voir le
   même violet.
   Source de vérité : front/packages/carria_ui/lib/src/tokens/
   ========================================================================= */

:root {
  /* Accent */
  --accent: #4d2cf4;
  --accent-dark: #3a1cd8;
  --focus: #6a4eff;
  --accent-light: #8f7bff; /* DÉCORATIF SEULEMENT — jamais de texte dessus */
  --accent-soft: rgba(77, 44, 244, 0.12);
  --accent-strong: rgba(77, 44, 244, 0.22);
  --accent-grad: linear-gradient(135deg, #7756ff 0%, #5e40e8 100%);

  /* Fonds */
  --bg-grad: linear-gradient(180deg, #d5ddf3 0%, #dfe5f6 50%, #e8eef7 100%);
  --bg-page: #dfe5f5;
  --bg-2: #ecf0fa;

  /* Surfaces (glassmorphism) */
  --surface-solid: #ffffff;
  --surface-frosted: rgba(255, 255, 255, 0.82);
  --surface-glass: rgba(255, 255, 255, 0.74);
  --surface-elev: rgba(255, 255, 255, 0.94);
  --inset-highlight: rgba(255, 255, 255, 0.5);

  /* Encre */
  --ink: #1a1b3a;
  --ink-2: #2a2b52;
  --ink-3: #3d3e6b;
  --muted: #4f506c;
  --muted-2: #575b80;
  --muted-3: #5d6196;

  /* Sémantique */
  --pos: #0e682f;
  --pos-bg: rgba(14, 104, 47, 0.12);
  --neg: #b11d1d;
  --neg-bg: rgba(177, 29, 29, 0.1);
  --warn: #884a04;
  --warn-bg: rgba(136, 74, 4, 0.12);
  --info: #134ecf;
  --info-bg: rgba(19, 78, 207, 0.12);

  /* Bordures PORTEUSES DE SENS (champs, cartes, images) — opaques */
  --hairline: #7e74b0;
  --hairline-strong: #6256a0;

  /* Filets DÉCORATIFS (séparateurs) — seul usage d'alpha autorisé */
  --rule-20: rgba(126, 116, 176, 0.2);
  --rule-25: rgba(126, 116, 176, 0.25);
  --rule-30: rgba(126, 116, 176, 0.3);

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

  /* Ombres — toutes teintées violet/indigo */
  --sh-card: 0 4px 24px rgba(60, 50, 130, 0.06), 0 1px 2px rgba(60, 50, 130, 0.04);
  --sh-elev: 0 24px 60px -20px rgba(80, 60, 180, 0.25);
  --sh-pop: 0 12px 40px -8px rgba(80, 60, 180, 0.18);
  --sh-glass: 0 8px 32px rgba(80, 60, 180, 0.08);

  /* Espacement (base 4) */
  --sp-xs: 4px;
  --sp-sm: 8px;
  --sp-md: 12px;
  --sp-base: 16px;
  --sp-lg: 20px;
  --sp-xl: 24px;
  --sp-xxl: 32px;
  --sp-xxxl: 48px;
  --gap: 20px;
  --pad: 28px;

  /* Mouvement */
  --ease: cubic-bezier(0.2, 0.6, 0.2, 1);
  --t-fast: 160ms;
  --t-base: 280ms;
  --t-slow: 700ms;
}