:root {
  color-scheme: dark;
  --bg: #07070a;
  --bg-soft: #0b0b10;
  --surface: #111117;
  --surface-2: #17171f;
  --surface-3: #1d1d27;
  --surface-4: #0d0d12;
  --surface-elevated: #14141b;
  --surface-glass: rgba(11, 11, 16, .96);
  --border: #272733;
  --border-soft: #1c1c25;
  --border-strong: #313140;
  --text: #f7f7fb;
  --text-soft: #b8b8c7;
  --muted: #77778a;
  --primary: #8b5cf6;
  --primary-2: #d946ef;
  --primary-soft: rgba(139, 92, 246, .13);
  --primary-softer: rgba(139, 92, 246, .08);
  --primary-contrast: #ffffff;
  --danger: #ef4444;
  --success: #22c55e;
  --warning: #f59e0b;
  --success-soft: rgba(34, 197, 94, .14);
  --warning-soft: rgba(245, 158, 11, .14);
  --danger-soft: rgba(239, 68, 68, .14);
  --sidebar-bg: #09090d;
  --topbar-bg: rgba(11, 11, 16, .96);
  --input-bg: #0d0d12;
  --input-bg-alt: #101016;
  --panel-hero: radial-gradient(circle at top right, rgba(139,92,246,.18), transparent 38%), linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
  --scrollbar-thumb: #2a2a35;
  --forge-bg: #0d1117;
  --forge-surface: #161b22;
  --forge-surface-2: #21262d;
  --forge-border: #30363d;
  --forge-text: #c9d1d9;
  --forge-muted: #8b949e;
  --on-dark: #ffffff;
  --overlay: rgba(3,3,6,.78);
  --subtle-fill: rgba(255,255,255,.025);
  --subtle-fill-hover: rgba(255,255,255,.055);
  --shadow: 0 24px 70px rgba(0,0,0,.32);
  --shadow-soft: 0 10px 32px rgba(0,0,0,.18);
  --container: 1180px;
  --sidebar: 250px;
  --topbar: 74px;
  --radius-sm: 10px;
  --radius: 16px;
  --radius-lg: 24px;
  --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html[data-theme="light"] {
  color-scheme: light;
  --bg: #eef2f8;
  --bg-soft: #f6f8fc;
  --surface: #ffffff;
  --surface-2: #f4f6fb;
  --surface-3: #e9edf6;
  --surface-4: #ffffff;
  --surface-elevated: #ffffff;
  --surface-glass: rgba(255,255,255,.92);
  --border: #d9dfeb;
  --border-soft: #e6ebf3;
  --border-strong: #cbd4e3;
  --text: #111827;
  --text-soft: #4b5563;
  --muted: #6b7280;
  --primary: #7c3aed;
  --primary-2: #c026d3;
  --primary-soft: rgba(124, 58, 237, .11);
  --primary-softer: rgba(124, 58, 237, .07);
  --primary-contrast: #ffffff;
  --danger: #dc2626;
  --success: #16a34a;
  --warning: #d97706;
  --success-soft: rgba(22, 163, 74, .12);
  --warning-soft: rgba(217, 119, 6, .12);
  --danger-soft: rgba(220, 38, 38, .12);
  --sidebar-bg: #ffffff;
  --topbar-bg: rgba(255,255,255,.94);
  --input-bg: #ffffff;
  --input-bg-alt: #f8fafc;
  --panel-hero: radial-gradient(circle at top right, rgba(124,58,237,.10), transparent 42%), linear-gradient(180deg, rgba(124,58,237,.035), rgba(255,255,255,0));
  --scrollbar-thumb: #c8cfdb;
  --forge-bg: #f6f8fa;
  --forge-surface: #ffffff;
  --forge-surface-2: #f3f4f6;
  --forge-border: #d0d7de;
  --forge-text: #24292f;
  --forge-muted: #57606a;
  --on-dark: #ffffff;
  --overlay: rgba(15,23,42,.35);
  --subtle-fill: rgba(15,23,42,.025);
  --subtle-fill-hover: rgba(15,23,42,.055);
  --shadow: 0 24px 60px rgba(15, 23, 42, .10);
  --shadow-soft: 0 10px 28px rgba(15, 23, 42, .08);
}