:root,
[data-theme="light"] {
  --bg-primary: #ffffff;
  --bg-secondary: #f6f5f4;
  --bg-tertiary: #deddda;
  --bg-hover: rgba(0, 0, 0, 0.06);
  --text-primary: #2e3436;
  --text-secondary: #77767b;
  --text-muted: #9a9996;
  --accent: #3584e4;
  --accent-hover: #1c71d8;
  --accent-active: #1a5fb4;
  --accent-text: #ffffff;
  --success: #33d17a;
  --warning: #f6d32d;
  --danger: #e01b24;
  --danger-hover: #c01c28;
  --titlebar-bg: #ebebeb;
  --titlebar-active-bg: #d4d2cf;
  --titlebar-text: #2e3436;
  --titlebar-inactive-text: #929090;
  --window-bg: #ffffff;
  --window-border: rgba(0, 0, 0, 0.12);
  --window-shadow: 0 3px 18px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.12);
  --window-shadow-focused: 0 6px 32px rgba(0, 0, 0, 0.22), 0 0 1px rgba(0, 0, 0, 0.18);
  --taskbar-bg: rgba(36, 36, 36, 0.95);
  --taskbar-text: #ffffff;
  --taskbar-hover: rgba(255, 255, 255, 0.12);
  --taskbar-active: rgba(255, 255, 255, 0.2);
  --input-bg: #ffffff;
  --input-border: #deddda;
  --input-focus-border: var(--accent);
  --separator: rgba(0, 0, 0, 0.08);
  --overlay-bg: rgba(0, 0, 0, 0.3);
  --toast-bg: #2e3436;
  --toast-text: #ffffff;
  --widget-bg: rgba(255, 255, 255, 0.85);
  --widget-border: rgba(0, 0, 0, 0.1);
  --context-bg: #ffffff;
  --context-shadow: 0 4px 16px rgba(0, 0, 0, 0.16);
  --transition-theme: 0.3s ease;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 18px;
}

[data-theme="dark"] {
  --bg-primary: #1e1e1e;
  --bg-secondary: #2d2d2d;
  --bg-tertiary: #3d3d3d;
  --bg-hover: rgba(255, 255, 255, 0.08);
  --text-primary: #f6f5f4;
  --text-secondary: #9a9996;
  --text-muted: #77767b;
  --accent: #62a0ea;
  --accent-hover: #99c1f1;
  --accent-active: #3584e4;
  --accent-text: #1e1e1e;
  --success: #57e389;
  --warning: #f8e45c;
  --danger: #ff7b63;
  --danger-hover: #e01b24;
  --titlebar-bg: #303030;
  --titlebar-active-bg: #3a3a3a;
  --titlebar-text: #f6f5f4;
  --titlebar-inactive-text: #77767b;
  --window-bg: #242424;
  --window-border: rgba(255, 255, 255, 0.06);
  --window-shadow: 0 3px 18px rgba(0, 0, 0, 0.4), 0 0 1px rgba(0, 0, 0, 0.3);
  --window-shadow-focused: 0 6px 32px rgba(0, 0, 0, 0.5), 0 0 1px rgba(0, 0, 0, 0.4);
  --taskbar-bg: rgba(18, 18, 18, 0.95);
  --taskbar-text: #ffffff;
  --taskbar-hover: rgba(255, 255, 255, 0.1);
  --taskbar-active: rgba(255, 255, 255, 0.18);
  --input-bg: #1e1e1e;
  --input-border: #3d3d3d;
  --input-focus-border: var(--accent);
  --separator: rgba(255, 255, 255, 0.06);
  --overlay-bg: rgba(0, 0, 0, 0.5);
  --toast-bg: #3d3d3d;
  --toast-text: #f6f5f4;
  --widget-bg: rgba(30, 30, 30, 0.85);
  --widget-border: rgba(255, 255, 255, 0.08);
  --context-bg: #2d2d2d;
  --context-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
}