/* 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);

  /* 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);
}