/* tokens.css — variables globales. Seul endroit où une couleur, une taille ou une
   ombre est définie. Les autres fichiers ne font qu'y faire référence. */
:root {
  /* Couleurs de marque */
  --c-primary:        #1f4fd8;
  --c-primary-hover:  #1a43b8;
  --c-primary-soft:   #e8eefc;
  --c-accent:         #0ea5a4;

  /* Neutres */
  --c-bg:             #f4f5f8;
  --c-surface:        #ffffff;
  --c-surface-2:      #f8f9fb;
  --c-border:         #e3e6ec;
  --c-border-strong:  #cfd4dd;
  --c-text:           #1c2130;
  --c-text-muted:     #6b7385;
  --c-text-invert:    #ffffff;

  /* Sémantiques */
  --c-success:        #1a8f4a;  --c-success-soft: #e6f6ec;
  --c-warning:        #b7791f;  --c-warning-soft: #fff5e0;
  --c-danger:         #c62828;  --c-danger-soft:  #fde8e8;
  --c-info:           #1565c0;  --c-info-soft:    #e7f0fb;

  /* Typographie */
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "Cascadia Mono", Consolas, monospace;
  --fs-xs: .75rem;  --fs-sm: .875rem;  --fs-md: 1rem;  --fs-lg: 1.125rem;
  --fs-xl: 1.375rem; --fs-2xl: 1.75rem;

  /* Espacements */
  --sp-1: .25rem; --sp-2: .5rem; --sp-3: .75rem; --sp-4: 1rem;
  --sp-5: 1.5rem; --sp-6: 2rem;  --sp-8: 3rem;

  /* Formes */
  --radius-sm: 6px; --radius: 10px; --radius-lg: 14px;
  --shadow-sm: 0 1px 2px rgba(20,25,40,.06);
  --shadow:    0 4px 16px rgba(20,25,40,.08);

  /* Barre supérieure (Système › Apparence peut les surcharger : claire, sombre) */
  --topbar-bg:         linear-gradient(100deg, var(--c-primary) 0%, var(--c-primary-hover) 70%, color-mix(in srgb, var(--c-primary-hover) 70%, #000) 100%);
  --topbar-fg:         #ffffff;
  --topbar-muted:      rgba(255,255,255,.85);
  --topbar-ctl-bg:     rgba(255,255,255,.14);
  --topbar-ctl-border: rgba(255,255,255,.35);
  --topbar-shadow:     0 2px 10px rgba(20,25,40,.18);

  /* Layout */
  --topbar-h: 56px;
  --sidebar-w: 232px;
  --content-max: 1400px;

  /* Cibles tactiles (le POS les agrandit dans contexts.css) */
  --control-h: 38px;

  /* Bootstrap : on aligne ses variables sur les nôtres */
  --bs-primary: var(--c-primary);
  --bs-body-bg: var(--c-bg);
  --bs-body-color: var(--c-text);
  --bs-border-color: var(--c-border);
  --bs-font-sans-serif: var(--font-sans);
}