/* ==========================================================================
   Phoenix Opsale — Design tokens
   ========================================================================== */
:root {
  --font: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Marque */
  --navy-900: #061529;
  --navy-800: #0a1f3d;
  --navy-700: #132c52;
  --brand: #2864ef;
  --brand-600: #1f53d6;
  --brand-100: #dce6ff;
  --brand-50: #eef3ff;
  --flame: #ff6a3d;
  --flame-50: #fff1ec;

  /* Sémantique */
  --ok: #12a877;      --ok-50: #e6f7f0;
  --warn: #d48a12;    --warn-50: #fff5e3;
  --bad: #e04b5a;     --bad-50: #fdecee;
  --violet: #8b5cf6;  --violet-50: #f2edff;
  --teal: #14b8a6;    --teal-50: #e6f8f6;

  /* Surfaces */
  --bg: #f5f7fb;
  --surface: #ffffff;
  --surface-2: #f8fafd;
  --line: #e6ebf3;
  --line-2: #eef2f8;
  --text: #0f2240;
  --text-2: #4a5b78;
  --muted: #8392aa;

  /* Formes */
  --radius: 14px;
  --radius-sm: 10px;
  --shadow-sm: 0 1px 2px rgba(15, 34, 64, .05);
  --shadow: 0 6px 24px rgba(15, 34, 64, .07);
  --shadow-lg: 0 24px 70px rgba(6, 21, 41, .22);

  /* Layout */
  --sidebar: 264px;
  --topbar: 68px;

  color-scheme: light;
}

[data-theme="dark"] {
  --bg: #0a1322;
  --surface: #101c31;
  --surface-2: #0d182b;
  --line: #1f2d47;
  --line-2: #182640;
  --text: #e7eefb;
  --text-2: #b3c0d6;
  --muted: #7a8aa6;
  --brand-50: #15264a;
  --brand-100: #1d3260;
  --ok-50: #0f2e2a;
  --warn-50: #33270f;
  --bad-50: #361a22;
  --violet-50: #231c45;
  --teal-50: #0f2d30;
  --flame-50: #3a1f17;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);
  --shadow: 0 6px 24px rgba(0, 0, 0, .3);
  --shadow-lg: 0 24px 70px rgba(0, 0, 0, .55);
  color-scheme: dark;
}