:root {
  --color-primary: #1d4ed8;
  --color-primary-light: #dbeafe;
  --color-danger: #dc2626;
  --color-danger-light: #fee2e2;

  --color-bg: #f8fafc;
  --color-surface: #ffffff;
  --color-text: #0f172a;
  --color-muted: #6b7280;
  --color-border: #e5e7eb;

  --radius-md: 8px;

  --shadow-card: 0 10px 30px rgba(29, 78, 216, 0.08);

  --font-main: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Base CSS volontairement courte pour une application rapide et lisible. */
* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  min-height: 100%;
  font-family: var(--font-main);
  background: var(--color-bg);
  color: var(--color-text);
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

#app {
  min-width: 0;
  display: flex;
  flex: 1;
  flex-direction: column;
}

button,
input,
select {
  font: inherit;
}

button {
  cursor: pointer;
}

button:disabled {
  cursor: wait;
  opacity: 0.75;
}