/* Lotus Formations — tokens du thème (vert Lotus en accent, surfaces neutres).
   Les composants sont dans base.html (socle) et app-ui.css (finitions). */

:root {
  color-scheme: light;

  /* Marque */
  --brand: #2b5f17;
  --accent: #2b5f17;
  --accent-mid: #387521;
  --accent-hover: #224c12;
  --accent-light: #e3eedd;
  --accent-soft: #f0f6ec;
  --accent-dark: #1d4310;

  /* Surfaces & texte */
  --bg: #f5f6f4;
  --surface: #ffffff;
  --surface-2: #f8f9f7;
  --surface-3: #f1f3ef;
  --border: #e2e6df;
  --border-strong: #cfd5ca;
  --text: #1a2117;
  --text-2: #3d4839;
  --text-muted: #6a7565;

  /* Statuts (réservés aux états) */
  --green: #2d6a18;
  --green-bg: #ecf5e8;
  --red: #b42323;
  --red-bg: #fcefef;
  --orange: #9a5a0c;
  --orange-bg: #fdf4e6;
  --blue: #1f5f8b;
  --blue-bg: #ebf3f9;

  --shadow-xs: 0 1px 2px rgba(20, 28, 18, 0.05);
  --shadow-sm: 0 1px 2px rgba(20, 28, 18, 0.06), 0 1px 3px rgba(20, 28, 18, 0.04);
  --shadow: 0 4px 12px rgba(20, 28, 18, 0.08), 0 1px 3px rgba(20, 28, 18, 0.05);
  --shadow-lg: 0 12px 32px rgba(20, 28, 18, 0.12), 0 2px 6px rgba(20, 28, 18, 0.06);

  --radius: 10px;
  --radius-sm: 7px;
  --radius-lg: 14px;
  --sidebar-w: 248px;
  --sidebar-bg: #ffffff;
  --sidebar-bg-hover: #f3f5f1;
  --sidebar-border: #e2e6df;

  --font-display: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

html.dark,
.dark {
  color-scheme: dark;

  --brand: #7fc15f;
  --accent: #5fa33f;
  --accent-mid: #4f8f32;
  --accent-hover: #6fb34d;
  --accent-light: #1c2a16;
  --accent-soft: #172212;
  --accent-dark: #9fd681;

  --bg: #0e110d;
  --surface: #151a13;
  --surface-2: #1a2018;
  --surface-3: #20271d;
  --border: #283024;
  --border-strong: #354031;
  --text: #ecefe9;
  --text-2: #c9cfc5;
  --text-muted: #8f9a8a;

  --green: #7cc85f;
  --green-bg: #15220f;
  --red: #f07a7a;
  --red-bg: #2a1414;
  --orange: #e9a54f;
  --orange-bg: #2a1d0c;
  --blue: #7db8e3;
  --blue-bg: #11202c;

  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.35);
  --shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 12px 36px rgba(0, 0, 0, 0.55);

  --sidebar-bg: #121610;
  --sidebar-bg-hover: #1a2018;
  --sidebar-border: #232b20;
}