/* ── Shared design tokens, single source of truth ─────── */

/* Light (inverted marketing palette) */
:root {
  --bg:        #f8f9fc;
  --bg-soft:   #f0f2f7;
  --panel:     #ffffff;
  --panel-2:   #f5f7fb;
  --border:    #dde2ec;
  --text:      #111827;
  --muted:     #6b7280;
  --accent:    #ff6b35;
  --accent-2:  #e5511a;
  --brand:     #2563eb;
  --brand-2:   #1d4ed8;
  --success:   #0f8f63;
  --warn:      #b76e00;
  --danger:    #c2413b;
  --radius:    10px;
  --radius-sm: 6px;
  --shadow-1:  0 1px 0 rgba(0,0,0,0.04), 0 8px 24px rgba(24,36,58,0.10);
  --shadow-2:  0 16px 48px rgba(24,36,58,0.14);
  --topbar-bg: rgba(248,249,252,0.92);
  --font:      -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono:      ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, Consolas, monospace;
  color-scheme: light;
}

/* Dark theme (matches marketing) */
body[data-theme="dark"] {
  --bg:        #07090d;
  --bg-soft:   #0d1117;
  --panel:     #11161f;
  --panel-2:   #161c27;
  --border:    #1f2734;
  --text:      #e6edf3;
  --muted:     #93a1b3;
  --accent:    #ff6b35;
  --accent-2:  #ffb673;
  --brand:     #4ea1ff;
  --brand-2:   #7dc4ff;
  --success:   #46d29c;
  --warn:      #f5b14d;
  --danger:    #ff6470;
  --shadow-1:  0  1px 0 rgba(255,255,255,0.04), 0 10px 30px rgba(0,0,0,0.35);
  --shadow-2:  0 20px 60px rgba(0,0,0,0.45);
  --topbar-bg: rgba(7,9,13,0.88);
  color-scheme: dark;
}