/* =============================================================
   SEB Gestion — Charte (tokens repris de l'écosystème SEB)
   Thème clair (défaut) + thème sombre via [data-theme="dark"]
   ============================================================= */
:root {
  --font: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --accent: #1f6feb; --accent-dark: #1a5fd0; --on-accent: #ffffff;
  --ink: #0f2742; --ink-soft: #5b6b7f;
  --paper: #f4f7fb; --card: #ffffff; --card-2: #fbfdff;
  --line: #e4eaf3; --line-strong: #cfd9e8;

  --ok-bg: #e7f6ec; --ok-txt: #1d7a3e;
  --warn-bg: #fdf3e3; --warn-txt: #9a6a10;
  --err-bg: #fdeaea; --err-txt: #b3382f;

  --radius: 12px;
  --seb-r-sm: 8px; --seb-r-md: 12px; --seb-r-lg: 16px; --seb-r-pill: 999px;
  --seb-sh-1: 0 1px 2px -1px hsl(215 28% 22% / .10), 0 1px 1px hsl(215 28% 22% / .04);
  --seb-sh-card: 0 1px 3px hsl(215 28% 22% / .06), 0 8px 20px -10px hsl(215 28% 22% / .14);
  --seb-sh-pop: 0 8px 24px -6px hsl(215 28% 22% / .18), 0 2px 6px hsl(215 28% 22% / .08);
  --seb-focus: 0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent);
}

[data-theme="dark"] {
  --accent: #f0a020; --accent-dark: #d98e10; --on-accent: #1b1e23;
  --ink: #e9e7e2; --ink-soft: #a3a9b2;
  --paper: #14161a; --card: #1c1f24; --card-2: #21252b;
  --line: #2a2f37; --line-strong: #3a414c;

  --ok-bg: #14301e; --ok-txt: #6fd394;
  --warn-bg: #33270f; --warn-txt: #e8b558;
  --err-bg: #351b19; --err-txt: #ef8a80;

  --seb-sh-1: 0 1px 2px rgba(0,0,0,.4);
  --seb-sh-card: 0 2px 10px rgba(0,0,0,.45);
  --seb-sh-pop: 0 10px 28px rgba(0,0,0,.55);
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { font-family: var(--font); color: var(--ink); background: var(--paper); line-height: 1.5; font-size: 15px; }
h1, h2, h3 { margin: 0; }
.muted { color: var(--ink-soft); font-size: 0.85rem; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 6px; }

/* Icônes Lucide inline */
.lic { display: inline-flex; vertical-align: -0.15em; }
.lic svg { width: 1em; height: 1em; }

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}