/* Base theme variables */
:root {
  /* Light theme defaults */
  --bg-color: #fff;
  --text-color: #2b2b2b;
  --heading-color: #313131;
  --link-color: #2962ff;
  --sidebar-bg: #202020;
  --sidebar-text: rgba(255, 255, 255, 0.5);
  --sidebar-link: #fff;
  --card-bg: #fff;
  --card-shadow: rgba(0, 0, 0, 0.1);
  --tag-bg: #f0f0f0;
  --border-color: #2962ff;
  --code-bg: #f9f9f9;
  --blockquote-color: #7a7a7a;

  /* Add transition for smooth theme switching */
  transition: all 0.3s ease;
}

/* Dark theme variables */
:root[data-theme="dark"] {
  --bg-color: #272935;
  --text-color: #d9d9d9;
  --heading-color: #fff;
  --link-color: #2962ff;
  --sidebar-bg: #000;
  --sidebar-text: rgba(255, 255, 255, 0.7);
  --sidebar-link: #fff;
  --card-bg: #23252f;
  --card-shadow: rgba(0, 0, 0, 0.3);
  --tag-bg: #272935;
  --border-color: #2962ff;
  --code-bg: #2d2d2d;
  --blockquote-color: #9a9a9a;
}