/*
 * Jetons de design Kindrise — direction « Registre ».
 * Mêmes valeurs que mobile/src/theme.ts. Contrastes vérifiés (WCAG 2.1 AA) : docs/ux-dashboard.md.
 * Pas encore branché : à charger avant espace.css lors de la refonte du tableau de bord.
 * Police : IBM Plex Sans (Google Fonts, graisses 400/500/600/700).
 */
:root {
  --k-bg: #F6F4EF;
  --k-surface: #FFFFFF;
  --k-surface-muted: #ECE8DE;
  --k-border: #DDD8CC;
  --k-border-strong: #857F70;
  --k-text: #1A1D2E;
  --k-text-muted: #5B5F6E;
  --k-accent: #2B3FBF;
  --k-accent-soft: #E6E9F8;
  --k-on-accent: #FFFFFF;
  --k-positive: #1B7A4E;
  --k-negative: #B3261E;
  --k-warning-text: #7A4F00;
  --k-warning-bg: #FBF1DC;
  --k-gold: #9A6A00;
  --k-sun: #F2B632;

  --k-font: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  /* Échelle : taille / interligne */
  --k-display: 600 2.5rem/1.15 var(--k-font);
  --k-title: 600 1.625rem/1.23 var(--k-font);
  --k-figure: 600 1.5rem/1.25 var(--k-font);
  --k-heading: 600 1.0625rem/1.41 var(--k-font);
  --k-body: 400 1rem/1.5 var(--k-font);
  --k-small: 400 0.875rem/1.43 var(--k-font);
  --k-caption: 400 0.78rem/1.28 var(--k-font);

  --k-space-xxs: 4px;
  --k-space-xs: 8px;
  --k-space-sm: 12px;
  --k-space-md: 16px;
  --k-space-lg: 24px;
  --k-space-xl: 32px;
  --k-space-xxl: 48px;

  --k-radius-sm: 6px;
  --k-radius-md: 10px;
  --k-radius-lg: 14px;
  --k-radius-pill: 999px;

  --k-shadow-card: 0 1px 3px rgba(20, 22, 42, 0.06);
  --k-touch-min: 48px;
  --k-max-width: 1080px;
  --k-focus: 0 0 0 3px var(--k-bg), 0 0 0 5px var(--k-accent);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --k-bg: #12141C;
    --k-surface: #1B1E29;
    --k-surface-muted: #2A2E3D;
    --k-border: #2E3244;
    --k-border-strong: #71768C;
    --k-text: #ECEAE4;
    --k-text-muted: #A6A9B6;
    --k-accent: #9AA8FF;
    --k-accent-soft: #252A47;
    --k-on-accent: #10132A;
    --k-positive: #5CC795;
    --k-negative: #FF8A80;
    --k-warning-text: #F2C46B;
    --k-warning-bg: #2E2615;
    --k-gold: #F2B632;
    --k-shadow-card: none;
  }
}
:root[data-theme="dark"] {
  --k-bg: #12141C;
  --k-surface: #1B1E29;
  --k-surface-muted: #2A2E3D;
  --k-border: #2E3244;
  --k-border-strong: #71768C;
  --k-text: #ECEAE4;
  --k-text-muted: #A6A9B6;
  --k-accent: #9AA8FF;
  --k-accent-soft: #252A47;
  --k-on-accent: #10132A;
  --k-positive: #5CC795;
  --k-negative: #FF8A80;
  --k-warning-text: #F2C46B;
  --k-warning-bg: #2E2615;
  --k-gold: #F2B632;
  --k-shadow-card: none;
}

.k-figures { font-variant-numeric: tabular-nums; }
@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}