/**
 * JTrucks Monitor — Design System
 * Variables CSS (couleurs, typo, ombres, rayons, espacements)
 */

:root {
  /* ——— Couleurs signature ——— */
  --primary: #155EEF;
  --primary-dark: #0E3FB0;
  --primary-light: #E8EFFD;

  --success: #16A34A;
  --success-light: #E7F8EE;

  --warning: #F59E0B;
  --warning-light: #FEF4E1;

  --danger: #E11D48;
  --danger-light: #FCE8ED;

  --info: #0EA5E9;
  --info-light: #E5F6FD;

  /* ——— Fonds & texte ——— */
  --background: #F5F7FB;
  --background-alt: #EEF1F6;
  --surface: #FFFFFF;
  --zebra-bg: #F3F6FB;
  --text-primary: #0F172A;
  --text-secondary: #475569;
  --text-muted: #94A3B8;
  --border: #E2E8F0;
  --border-hover: #CBD5E1;

  /* ——— Neutre / dark badge ——— */
  --neutral: #64748B;
  --neutral-light: #F1F5F9;
  --dark: #9F1239;
  --dark-light: #FFE4E6;

  /* ——— Layout ——— */
  --sidebar-width: 260px;
  --sidebar-collapsed: 72px;
  --topbar-height: 64px;
  --footer-height: 40px;

  /* ——— Typographie ——— */
  --font-body: "Inter", system-ui, sans-serif;
  --font-display: "Plus Jakarta Sans", "Inter", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  /* ——— Rayons & ombres ——— */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 14px;
  --radius-pill: 999px;

  --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.04);
  --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.04);
  --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.06), 0 1px 3px rgba(15, 23, 42, 0.04);
  --shadow-lg: 0 12px 28px rgba(15, 23, 42, 0.08);

  /* ——— Transitions ——— */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --duration: 0.22s;

  /* ——— App accents (icônes par module) ——— */
  --app-facturation: #155EEF;
  --app-guerite: #0EA5E9;
  --app-caisse: #16A34A;
  --app-voyage: #F59E0B;
  --app-commande: #8B5CF6;
  --app-admin: #64748B;
  --app-carburation: #E11D48;
  --app-exploitation: #0D9488;
}