/* ================================================================
   KETOM+ — Design Tokens
   Source : maquettes validees _old/KetoM_Maquettes_32_ecrans.html
   ================================================================ */
:root {
  /* Surfaces */
  --bg: #F4F0FA;
  --page: #F7F5FC;
  --card: #ffffff;
  --ink: #3a3554;
  --ink-2: #5B4E8C;
  --muted: #9ca3af;
  --line: #ece8f4;

  /* Accents signatures */
  --teal: #56CCB2;
  --teal-2: #3DB4D1;
  --lav: #9B8ED8;
  --lav-2: #7B6DB5;
  --lav-3: #5B4E8C;
  --amber: #F5A623;
  --amber-bg: #faeeda;
  --amber-ink: #92640a;
  --success-bg: #e0f5f0;
  --success-ink: #0f6e56;
  --danger: #dc5b5b;
  --danger-bg: #fbe5e5;

  /* Aliases semantiques (compat SPEC_TECHNIQUE) */
  --color-primary: var(--lav-2);
  --color-primary-dark: var(--lav-3);
  --color-primary-light: var(--lav);
  --color-accent: var(--teal);
  --color-success: var(--success-ink);
  --color-warning: var(--amber);
  --color-danger: var(--danger);

  /* Shadows (teinte violette) */
  --sh-card: 0 2px 8px rgba(91, 78, 140, 0.06);
  --sh-soft: 0 1px 4px rgba(91, 78, 140, 0.05);
  --sh-lift: 0 4px 12px rgba(91, 78, 140, 0.2);

  /* Radii */
  --r-xs: 8px;
  --r-sm: 10px;
  --r-md: 12px;
  --r-lg: 14px;
  --r-xl: 16px;
  --r-2xl: 20px;

  /* Typography */
  --font-sans: 'Segoe UI', 'Helvetica Neue', system-ui, sans-serif;
  --font-mono: 'SF Mono', 'Consolas', monospace;

  /* Spacing (echelle 4px) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body {
  background: var(--page);
  color: var(--ink);
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
}