/* ==========================================================================
   X-TELIA — Design tokens (source : Figma « X-TELIA » page Design System,
   frame Fondation). Valeurs faisant foi. Exposées en variables CSS `--xt-*`.
   ========================================================================== */
:root {
  /* --- Couleur : Primary (rampe bleu TELIA) --- */
  --xt-primary-50:  #F6FCFF;
  --xt-primary-100: #D7E1EF;
  --xt-primary-200: #A8B8D6;
  --xt-primary-300: #8FA4C8;
  --xt-primary-400: #5A75AD;
  --xt-primary-500: #4371C8;   /* couleur de marque principale */
  --xt-primary-600: #345696;   /* hover */
  --xt-primary-700: #192E50;
  --xt-primary-800: #14243E;
  --xt-primary-900: #101A2C;
  --xt-primary-950: #0B1321;

  /* --- Couleur : Neutral --- */
  --xt-neutral-50:  #FAFAFA;
  --xt-neutral-100: #F5F5F5;
  --xt-neutral-200: #E5E5E5;
  --xt-neutral-300: #D4D4D4;
  --xt-neutral-400: #A3A3A3;
  --xt-neutral-500: #737373;
  --xt-neutral-600: #525252;
  --xt-neutral-700: #404040;
  --xt-neutral-800: #262626;
  --xt-neutral-900: #171717;
  --xt-neutral-950: #0A0A0A;

  /* --- Couleur : System (sémantique) --- */
  --xt-green:       #10B981;
  --xt-green-dark:  #047857;
  --xt-orange:      #FBBF24;
  --xt-orange-dark: #F59E0B;
  --xt-red:         #F87171;
  --xt-red-dark:    #DC2626;
  --xt-white:       #FFFFFF;
  --xt-black:       #000000;

  /* Alias sémantiques (usage produit) */
  --xt-success: var(--xt-green);
  --xt-warning: var(--xt-orange-dark);
  --xt-error:   #EF4444;
  --xt-info:    var(--xt-primary-500);

  /* Rampe qualité RF (5 niveaux : vert → lime → ambre → orange → rouge) */
  --xt-rf-excellent:  #10B981;
  --xt-rf-good:       #84CC16;
  --xt-rf-acceptable: #F59E0B;
  --xt-rf-weak:       #F97316;
  --xt-rf-critical:   #EF4444;

  /* --- Texte & surfaces --- */
  --xt-fg-1: var(--xt-neutral-900);   /* texte principal */
  --xt-fg-2: var(--xt-neutral-700);
  --xt-fg-3: var(--xt-neutral-500);
  --xt-link: var(--xt-primary-600);
  --xt-surface-page:   var(--xt-neutral-50);
  --xt-surface-card:   var(--xt-white);
  --xt-surface-inset:  var(--xt-neutral-100);
  --xt-surface-brand:  #EEF3FB;        /* brand-soft */
  --xt-border:         var(--xt-neutral-200);

  /* --- Typographie --- */
  --xt-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --xt-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --xt-tracking: -0.01em;              /* letter-spacing -1% */

  /* Échelle typographique (px) */
  --xt-text-11: 11px; --xt-text-12: 12px; --xt-text-14: 14px; --xt-text-16: 16px;
  --xt-text-18: 18px; --xt-text-20: 20px; --xt-text-24: 24px; --xt-text-28: 28px;
  --xt-text-32: 32px; --xt-text-40: 40px; --xt-text-48: 48px;

  /* Poids */
  --xt-weight-light: 300; --xt-weight-regular: 400; --xt-weight-medium: 500;
  --xt-weight-semibold: 600; --xt-weight-bold: 700;

  /* --- Rayons --- */
  --xt-radius-button: 6px;
  --xt-radius-input:  6px;
  --xt-radius-card:   10px;
  --xt-radius-modal:  16px;
  --xt-radius-pill:   999px;

  /* --- Ombres (peu profondes) --- */
  --xt-shadow-sm: 0 1px 2px rgba(23, 23, 23, 0.04);
  --xt-shadow-md: 0 1px 3px rgba(23, 23, 23, 0.08), 0 1px 2px rgba(23, 23, 23, 0.04);
  --xt-shadow-lg: 0 10px 40px rgba(23, 23, 23, 0.22);

  /* --- Mouvement (jamais de rebond) --- */
  --xt-ease: cubic-bezier(.2, .8, .2, 1);
  --xt-dur-fast: 120ms;
  --xt-dur-base: 200ms;
  --xt-dur-slow: 320ms;

  /* Espacement (échelle 4px) */
  --xt-space-1: 4px; --xt-space-2: 8px; --xt-space-3: 12px; --xt-space-4: 16px;
  --xt-space-5: 20px; --xt-space-6: 24px; --xt-space-8: 32px;
}