/* Design tokens — modifier ici pour changer le thème global. */
:root {
  --font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --bg: #f6f7fb;
  --surface: #ffffff;
  --surface-2: #eef0f7;
  --text: #14162b;
  --muted: #5a5f7a;
  --border: #dfe2ee;

  --primary: #4338ca;
  --primary-hover: #3730a3;
  --primary-soft: #e8e7fb;
  --on-primary: #ffffff;
  --accent: #f5b400;
  --accent-soft: #fff4d1;

  --danger: #c2262e;
  --danger-soft: #fde7e8;
  --warning: #a85a00;
  --warning-soft: #fff0dc;
  --success: #157a3c;
  --success-soft: #e1f5e8;
  --neutral-soft: #eceef4;
  --on-status: #ffffff;

  --focus: #f5b400;
  --radius-sm: 10px;
  --radius: 16px;
  --radius-lg: 24px;
  --shadow: 0 1px 2px rgb(20 22 43 / 6%), 0 8px 24px rgb(20 22 43 / 6%);
  --shadow-lg: 0 24px 64px rgb(20 22 43 / 22%);
  --header-h: 64px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0f1020;
    --surface: #181a30;
    --surface-2: #22253f;
    --text: #eef0fb;
    --muted: #a3a8c6;
    --border: #2e3252;
    --primary: #8b85ff;
    --primary-hover: #a5a0ff;
    --primary-soft: #2a2858;
    --on-primary: #0f1020;
    --accent-soft: #3a3014;
    --danger: #ff7b81;
    --danger-soft: #3d1a20;
    --warning: #ffb55c;
    --warning-soft: #3a2a14;
    --success: #5fd68d;
    --success-soft: #15321f;
    --neutral-soft: #262944;
    --on-status: #14060a;
    --shadow: 0 1px 2px rgb(0 0 0 / 30%), 0 8px 24px rgb(0 0 0 / 25%);
  }
}

:root[data-theme="dark"] {
  --bg: #0f1020;
  --surface: #181a30;
  --surface-2: #22253f;
  --text: #eef0fb;
  --muted: #a3a8c6;
  --border: #2e3252;
  --primary: #8b85ff;
  --primary-hover: #a5a0ff;
  --primary-soft: #2a2858;
  --on-primary: #0f1020;
  --accent-soft: #3a3014;
  --danger: #ff7b81;
  --danger-soft: #3d1a20;
  --warning: #ffb55c;
  --warning-soft: #3a2a14;
  --success: #5fd68d;
  --success-soft: #15321f;
  --neutral-soft: #262944;
  --on-status: #14060a;
  --shadow: 0 1px 2px rgb(0 0 0 / 30%), 0 8px 24px rgb(0 0 0 / 25%);
}