:root {
  --primary: #1a73e8;
  --primary-light: #e8f0fe;
  --primary-dark: #1557b0;
  --bg: #ffffff;
  --bg-secondary: #f8f9fa;
  --bg-tertiary: #f1f3f4;
  --text: #333333;
  --text-secondary: #5f6368;
  --text-tertiary: #9aa0a6;
  --border: #e1e4e8;
  --border-light: #f0f0f0;
  --code-bg: #f6f8fa;
  --shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.1);
  --radius: 6px;
  --toolbar-height: 44px;
  --statusbar-height: 28px;
  --sidebar-width: 240px;
  --sidebar-bg: var(--bg-secondary);
  --sidebar-border: var(--border);
  --sidebar-hover: var(--bg-tertiary);
  --sidebar-active: var(--primary-light);
  --search-bg: var(--bg-secondary);
  --search-border: var(--border);
  --font-ui: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Cascadia Code", "Fira Code", "JetBrains Mono", Consolas, "Courier New", monospace;
}

:root.dark {
  --primary: #8ab4f8;
  --primary-light: #1a3a5c;
  --primary-dark: #aecbfa;
  --bg: #1e1e1e;
  --bg-secondary: #252526;
  --bg-tertiary: #2d2d2d;
  --text: #d4d4d4;
  --text-secondary: #9e9e9e;
  --text-tertiary: #6e6e6e;
  --border: #3e3e3e;
  --border-light: #333333;
  --code-bg: #2d2d2d;
  --shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.4);
}