:root {
  /* Light theme (default) */
  --bg-primary: #F8F8F6;
  --bg-secondary: #EEEEE8;
  --bg-tertiary: #E4E4DC;
  --line-primary: #C8C8C0;
  --line-accent: #2A2A2A;
  --accent-red: #CC2020;
  --accent-red-hover: #A01818;
  --accent-blue: #1A56DB;
  --text-primary: #1A1A1A;
  --text-secondary: #5A5A5A;
  --text-muted: #8A8A82;
  --bg-code: #F0F0EA;
  --shadow: 0 1px 3px rgba(0,0,0,0.06);
}

[data-theme="dark"] {
  /* Dark theme */
  --bg-primary: #141414;
  --bg-secondary: #1E1E1E;
  --bg-tertiary: #282828;
  --line-primary: #3A3A3A;
  --line-accent: #D0D0D0;
  --accent-red: #E04040;
  --accent-red-hover: #FF5555;
  --accent-blue: #4B8BFF;
  --text-primary: #E8E8E8;
  --text-secondary: #A0A0A0;
  --text-muted: #6A6A6A;
  --bg-code: #1A1A1A;
  --shadow: 0 1px 3px rgba(0,0,0,0.3);
}