:root {
  /* Couleurs principales */
  --color-primary: #C1121F;
  --color-primary-dark: #9a0e18;
  --color-primary-light: #e8c0c3;
  --color-secondary: #B5830A;
  --color-secondary-light: #f5e6c0;
  --color-accent: #3D5A80;
  --color-accent-light: #d0dcea;

  /* Statuts */
  --color-success: #2D6A4F;
  --color-success-light: #c8e6d6;
  --color-warning: #B5830A;
  --color-warning-light: #fef3cd;
  --color-danger: #C1121F;
  --color-danger-light: #fde8e8;

  /* Surfaces */
  --color-bg: #F7F5F2;
  --color-surface: #FFFFFF;
  --color-border: #E2DED8;
  --color-border-strong: #c8c3bc;

  /* Texte */
  --color-text: #1A1814;
  --color-text-secondary: #6B6560;
  --color-text-muted: #9e9892;

  /* Sidebar */
  --color-sidebar-bg: #1A1814;
  --color-sidebar-text: #e8e4de;
  --color-sidebar-active: #C1121F;
  --color-sidebar-hover: #2d2a26;

  /* Typographie */
  --font-serif: 'Libre Baskerville', Georgia, serif;
  --font-sans: 'Source Sans 3', system-ui, sans-serif;

  /* Espacements */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;

  /* Rayons */
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 10px;

  /* Ombres */
  --shadow-sm: 0 1px 3px rgba(26,24,20,0.08);
  --shadow-md: 0 2px 8px rgba(26,24,20,0.12);
  --shadow-lg: 0 4px 20px rgba(26,24,20,0.15);

  /* Sidebar width */
  --sidebar-width: 220px;
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body, #root {
  height: 100%;
}

body {
  font-family: var(--font-sans);
  font-size: 14px;
  color: var(--color-text);
  background-color: var(--color-bg);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3 {
  font-family: var(--font-serif);
  font-weight: 400;
  line-height: 1.3;
}

h1 { font-size: 22px; }
h2 { font-size: 18px; }
h3 { font-size: 15px; }

a {
  color: var(--color-accent);
  text-decoration: none;
}
a:hover { text-decoration: underline; }

button {
  font-family: var(--font-sans);
  cursor: pointer;
  border: none;
  outline: none;
}

input, textarea, select {
  font-family: var(--font-sans);
  font-size: 14px;
  color: var(--color-text);
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--color-border); }
::-webkit-scrollbar-thumb { background: var(--color-border-strong); border-radius: 3px; }

/* Status bar indicator */
.status-bar {
  display: inline-block;
  width: 3px;
  height: 100%;
  border-radius: 2px;
  flex-shrink: 0;
}
.status-bar.non-resolu { background: var(--color-danger); }
.status-bar.en-cours { background: var(--color-secondary); }
.status-bar.resolu { background: var(--color-success); }
.status-bar.npai { background: var(--color-text-secondary); }
/* Tue Jun  2 09:19:24 UTC 2026 */