:root {
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --shadow-sm: 0 8px 24px rgba(0,0,0,.08);
  --shadow-lg: 0 20px 50px rgba(0,0,0,.18);
  --sidebar-width: 248px;
  --header-height: 68px;
  --transition: 160ms ease;
}

html[data-theme="dark"] {
  --bg: #0c0e12;
  --bg-elevated: #11141a;
  --surface: #151922;
  --surface-2: #1a1f29;
  --surface-3: #202631;
  --text: #f3f5f7;
  --text-muted: #9aa3af;
  --text-soft: #707987;
  --border: #262d38;
  --border-strong: #333c49;
  --accent: #6ea8fe;
  --accent-strong: #4c8df6;
  --accent-soft: rgba(110,168,254,.13);
  --success: #4fd1a1;
  --success-soft: rgba(79,209,161,.12);
  --warning: #f3bc5b;
  --warning-soft: rgba(243,188,91,.12);
  --danger: #ff7a87;
  --danger-soft: rgba(255,122,135,.12);
  --input: #10141b;
  --overlay: rgba(0,0,0,.62);
}

html[data-theme="light"] {
  --bg: #f5f7fa;
  --bg-elevated: #ffffff;
  --surface: #ffffff;
  --surface-2: #f8fafc;
  --surface-3: #eef2f6;
  --text: #151922;
  --text-muted: #616b78;
  --text-soft: #8b95a2;
  --border: #e2e7ee;
  --border-strong: #ccd4de;
  --accent: #286ddc;
  --accent-strong: #1557c0;
  --accent-soft: rgba(40,109,220,.09);
  --success: #14855f;
  --success-soft: rgba(20,133,95,.09);
  --warning: #9a6500;
  --warning-soft: rgba(154,101,0,.09);
  --danger: #c43b4a;
  --danger-soft: rgba(196,59,74,.09);
  --input: #ffffff;
  --overlay: rgba(16,24,40,.35);
}