:root {
  --bg: #1e1e1e;
  --bg2: #2b2b2b;
  --bg3: #333333;
  --bg4: #3a3a3a;
  --bg-input: #252525;
  --ink: #e0e0e0;
  --ink2: #c0c0c0;
  --muted: #888888;
  --muted2: #666666;
  --rule: #3e3e3e;
  --rule2: #4a4a4a;
  --accent: #1e88e5;
  --accent-hover: #42a5f5;
  --accent2: #e74c3c;
  --accent3: #27ae60;
  --accent4: #f39c12;
  --accent5: #9b59b6;
  --radius: 8px;
  --radius-sm: 4px;
  --radius-lg: 12px;
  --shadow: 0 2px 8px rgba(0,0,0,0.3);
  --shadow-lg: 0 4px 16px rgba(0,0,0,0.4);
  --transition: all 0.2s ease;
  --nav-h: 56px;
  --sidebar-w: 200px;
}

[data-theme="light"] {
  --bg: #f5f5f5;
  --bg2: #ffffff;
  --bg3: #e8e8e8;
  --bg4: #e0e0e0;
  --bg-input: #ffffff;
  --ink: #1a1a1a;
  --ink2: #444444;
  --muted: #888888;
  --muted2: #999999;
  --rule: #d0d0d0;
  --rule2: #c0c0c0;
  --accent: #1565c0;
  --accent-hover: #1976d2;
  --accent2: #d32f2f;
  --accent3: #2e7d32;
  --accent4: #ef6c00;
  --accent5: #7b1fa2;
  --shadow: 0 2px 8px rgba(0,0,0,0.1);
  --shadow-lg: 0 4px 16px rgba(0,0,0,0.15);
}