/* ===== Base : design system type Open WebUI (dark par défaut) ===== */
:root {
  color-scheme: dark;

  /* Surfaces (échelle neutre, sombre par défaut) */
  --bg: #0d0d0d;            /* fond global */
  --surface: #171717;       /* sidebar, cartes */
  --surface-2: #1f1f1f;     /* surfaces surélevées, hover */
  --surface-3: #262626;     /* hover plus marqué */
  --border: #2a2a2a;        /* bordures fines */
  --border-2: #363636;

  /* Texte */
  --text: #ededed;          /* texte principal */
  --text-muted: #9b9b9b;    /* secondaire */
  --text-faint: #6b6b6b;    /* hints */

  /* Accent = inversion (noir/blanc) façon Open WebUI */
  --accent: #ededed;            /* boutons primaires : clair sur fond sombre */
  --accent-text: #0d0d0d;       /* texte sur accent */
  --accent-hover: #ffffff;

  /* Sémantique discrète */
  --danger: #f87171;
  --danger-bg: #2a1414;

  --sidebar-w: 272px;
  --topbar-h: 60px;

  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 20px;
}

* { box-sizing: border-box; }

html, body { height: 100%; }

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: var(--text);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a { color: inherit; text-decoration: none; }
h1, h2, h3 { margin: 0; font-weight: 600; }
button { cursor: pointer; font-family: inherit; }

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: var(--border-2); border-radius: 8px; }
::-webkit-scrollbar-track { background: transparent; }