:root {
  --accent: #007aff;
  --accent-2: #5856d6;
  --bg: #f5f5f7;
  --bg-window: rgba(246, 246, 247, 0.86);
  --bg-window-solid: #f6f6f7;
  --bg-titlebar: rgba(232, 232, 234, 0.65);
  --bg-sidebar: rgba(230, 230, 232, 0.55);
  --bg-menubar: rgba(255, 255, 255, 0.55);
  --bg-dock: rgba(255, 255, 255, 0.28);
  --bg-glass: rgba(255, 255, 255, 0.35);
  --border: rgba(0, 0, 0, 0.12);
  --border-strong: rgba(0, 0, 0, 0.2);
  --text: #1d1d1f;
  --text-soft: rgba(0, 0, 0, 0.6);
  --text-faint: rgba(0, 0, 0, 0.4);
  --shadow-window: 0 22px 70px rgba(0, 0, 0, 0.35), 0 0 0 0.5px rgba(0, 0, 0, 0.25);
  --shadow-dock: 0 10px 40px rgba(0, 0, 0, 0.35);
  --radius-window: 10px;
  --radius-app: 18px;
  --hl: rgba(0, 122, 255, 0.18);
  --traffic-close: #ff5f57;
  --traffic-min: #febc2e;
  --traffic-max: #28c840;
  --font-system: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display",
    "Helvetica Neue", "Inter", "Segoe UI", Roboto, system-ui, sans-serif;
  --font-mono: "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
}

[data-theme="dark"] {
  --bg: #1c1c1e;
  --bg-window: rgba(40, 40, 42, 0.86);
  --bg-window-solid: #2b2b2d;
  --bg-titlebar: rgba(50, 50, 52, 0.78);
  --bg-sidebar: rgba(40, 40, 42, 0.6);
  --bg-menubar: rgba(0, 0, 0, 0.45);
  --bg-dock: rgba(40, 40, 42, 0.4);
  --bg-glass: rgba(40, 40, 42, 0.55);
  --border: rgba(255, 255, 255, 0.12);
  --border-strong: rgba(255, 255, 255, 0.22);
  --text: #f5f5f7;
  --text-soft: rgba(255, 255, 255, 0.65);
  --text-faint: rgba(255, 255, 255, 0.45);
  --hl: rgba(10, 132, 255, 0.32);
  --accent: #0a84ff;
}

html, body {
  font-family: var(--font-system);
  color: var(--text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.01em;
}