/* ─── Variables CSS — Thème clair (défaut) ──────────────────────────────── */
:root {
  /* Primaire */
  --color-primary:        #0079BF;
  --color-primary-hover:  #006aab;
  --color-primary-active: #005a96;
  --color-primary-light:  #e3f2fd;
  --color-primary-text:   #ffffff;

  /* Fond */
  --color-bg:          #f4f5f7;
  --color-bg-alt:      #ebedf0;
  --color-surface:     #ffffff;
  --color-surface-alt: #f8f9fa;

  /* Bordures */
  --color-border:       #dfe1e6;
  --color-border-light: #ebecf0;

  /* Texte */
  --color-text:           #172b4d;
  --color-text-secondary: #5e6c84;
  --color-text-muted:     #97a0af;
  --color-text-inverse:   #ffffff;

  /* États */
  --color-success:       #00875a;
  --color-success-bg:    #e3fcef;
  --color-warning:       #ff8b00;
  --color-warning-bg:    #fffae6;
  --color-danger:        #de350b;
  --color-danger-bg:     #ffebe6;
  --color-info:          #0052cc;
  --color-info-bg:       #deebff;

  /* Layout */
  --sidebar-width:   240px;
  --header-height:   52px;
  --content-padding: 1.5rem;

  /* Typographie */
  --font:      -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
  --font-size:      14px;
  --line-height:    1.5;

  /* Espacements */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;

  /* Bordures arrondies */
  --radius-sm: 3px;
  --radius:    4px;
  --radius-lg: 8px;

  /* Ombres */
  --shadow-xs: 0 1px 2px rgba(9, 30, 66, 0.12);
  --shadow-sm: 0 1px 4px rgba(9, 30, 66, 0.16);
  --shadow:    0 4px 12px rgba(9, 30, 66, 0.16);
  --shadow-lg: 0 8px 24px rgba(9, 30, 66, 0.20);

  /* Transitions */
  --transition: 150ms ease;
  --transition-slow: 250ms ease;
}

/* ─── Thème sombre ──────────────────────────────────────────────────────── */
[data-theme="dark"] {
  --color-primary:       #2684ff;
  --color-primary-hover: #4c9aff;
  --color-primary-active:#0065ff;
  --color-primary-light: #1b2a40;
  --color-primary-text:  #ffffff;

  --color-bg:          #1d2125;
  --color-bg-alt:      #161a1d;
  --color-surface:     #22272b;
  --color-surface-alt: #282e33;

  --color-border:       #3b4049;
  --color-border-light: #2d3540;

  --color-text:           #b6c2cf;
  --color-text-secondary: #8c9bab;
  --color-text-muted:     #596773;
  --color-text-inverse:   #1d2125;

  --color-success:    #4bce97;
  --color-success-bg: #1c3b2e;
  --color-warning:    #f5cd47;
  --color-warning-bg: #3d3000;
  --color-danger:     #f87462;
  --color-danger-bg:  #3d1a14;
  --color-info:       #579dff;
  --color-info-bg:    #0c2b4e;

  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.5);
  --shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.5);
  --shadow:    0 4px 12px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
}