/* ============================================================
   tokens.css — Design tokens globaux
   ============================================================ */

:root {
  /* Couleurs — identité industrielle / logistique premium */
  --color-navy-950: #0a0f1a;
  --color-navy-900: #0f1729;
  --color-navy-700: #1c2b45;
  --color-steel-500: #5b6b7d;
  --color-steel-300: #a9b4c0;
  --color-steel-100: #eef1f4;
  --color-accent-500: #ff6a00;   /* orange conteneur / signalétique industrielle */
  --color-accent-600: #e35f00;
  --color-white: #ffffff;
  --color-success: #1f9d55;
  --color-danger: #d0342c;

  /* Typographie */
  --font-heading: 'Sora', 'Helvetica Neue', Arial, sans-serif;
  --font-body: 'Inter', 'Helvetica Neue', Arial, sans-serif;

  /* Espacements */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 64px;
  --space-8: 96px;

  /* Rayons / ombres */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --shadow-sm: 0 1px 2px rgba(10, 15, 26, 0.06);
  --shadow-md: 0 8px 24px rgba(10, 15, 26, 0.08);
  --shadow-lg: 0 20px 48px rgba(10, 15, 26, 0.14);

  /* Header */
  --header-height: 76px;
  --z-header: 100;
}