/* Theme styles */
/* Base theme colors */
:root {
  /* Light mode colors */
  --light-bg: #fff;
  --light-text: #313131;
  --light-text-muted: #9a9a9a;
  --light-border: #eee;
  --light-sidebar-bg: #202020;
  --light-sidebar-text: rgba(255,255,255,.6);
  --light-sidebar-hover: rgba(255,255,255,.1);
  --light-link: #268bd2;
  --light-link-hover: #2077b2;
  --light-button-bg: #f5f5f5;
  --light-button-text: #505050;
  --light-code-bg: #f9f9f9;
  --light-code-text: #bf616a;

  /* Dark mode colors */
  --dark-bg: #1a1a1a;
  --dark-text: #e0e0e0;
  --dark-text-muted: #808080;
  --dark-border: #2d2d2d;
  --dark-sidebar-bg: #2d2d2d;
  --dark-sidebar-text: #e0e0e0;
  --dark-sidebar-hover: rgba(0, 0, 0, 0.2);
  --dark-link: #4a9eff;
  --dark-link-hover: #6fb3ff;
  --dark-button-bg: #2d2d2d;
  --dark-button-text: #e0e0e0;
  --dark-code-bg: #1e1e1e;
  --dark-code-text: #e0e0e0;
}

/* Theme color schemes */
/* Red */
.theme-base-08 .sidebar,
.theme-base-08 .sidebar-toggle:active,
.theme-base-08 #sidebar-checkbox:checked ~ .sidebar-toggle {
  background-color: #ac4142;
}
.theme-base-08 .container a,
.theme-base-08 .sidebar-toggle,
.theme-base-08 .related-posts li a:hover {
  color: #ac4142;
}

/* Orange */
.theme-base-09 .sidebar,
.theme-base-09 .sidebar-toggle:active,
.theme-base-09 #sidebar-checkbox:checked ~ .sidebar-toggle {
  background-color: #d28445;
}
.theme-base-09 .container a,
.theme-base-09 .sidebar-toggle,
.theme-base-09 .related-posts li a:hover {
  color: #d28445;
}

/* Yellow */
.theme-base-0a .sidebar,
.theme-base-0a .sidebar-toggle:active,
.theme-base-0a #sidebar-checkbox:checked ~ .sidebar-toggle {
  background-color: #f4bf75;
}
.theme-base-0a .container a,
.theme-base-0a .sidebar-toggle,
.theme-base-0a .related-posts li a:hover {
  color: #f4bf75;
}

/* Green */
.theme-base-0b .sidebar,
.theme-base-0b .sidebar-toggle:active,
.theme-base-0b #sidebar-checkbox:checked ~ .sidebar-toggle {
  background-color: #90a959;
}
.theme-base-0b .container a,
.theme-base-0b .sidebar-toggle,
.theme-base-0b .related-posts li a:hover {
  color: #90a959;
}

/* Cyan */
.theme-base-0c .sidebar,
.theme-base-0c .sidebar-toggle:active,
.theme-base-0c #sidebar-checkbox:checked ~ .sidebar-toggle {
  background-color: #75b5aa;
}
.theme-base-0c .container a,
.theme-base-0c .sidebar-toggle,
.theme-base-0c .related-posts li a:hover {
  color: #75b5aa;
}

/* Blue */
.theme-base-0d .sidebar,
.theme-base-0d .sidebar-toggle:active,
.theme-base-0d #sidebar-checkbox:checked ~ .sidebar-toggle {
  background-color: #6a9fb5;
}
.theme-base-0d .container a,
.theme-base-0d .sidebar-toggle,
.theme-base-0d .related-posts li a:hover {
  color: #6a9fb5;
}

/* Magenta */
.theme-base-0e .sidebar,
.theme-base-0e .sidebar-toggle:active,
.theme-base-0e #sidebar-checkbox:checked ~ .sidebar-toggle {
  background-color: #aa759f;
}
.theme-base-0e .container a,
.theme-base-0e .sidebar-toggle,
.theme-base-0e .related-posts li a:hover {
  color: #aa759f;
}

/* Brown */
.brown .sidebar,
.brown .sidebar-toggle:active,
.brown #sidebar-checkbox:checked ~ .sidebar-toggle {
  background-color: #8f5536;
}
.brown .container a,
.brown .sidebar-toggle,
.brown .related-posts li a:hover {
  color: #8f5536;
}

/* Plant Green */
.plant .sidebar,
.plant .sidebar-toggle:active,
.plant #sidebar-checkbox:checked ~ .sidebar-toggle {
  background-color: #77b255;
}
.plant .container a,
.plant .sidebar-toggle,
.plant .related-posts li a:hover {
  color: #77b255;
}

/* Vine Green */
.vine .sidebar,
.vine .sidebar-toggle:active,
.vine #sidebar-checkbox:checked ~ .sidebar-toggle {
  background-color: #5a8f3d;
}
.vine .container a,
.vine .sidebar-toggle,
.vine .related-posts li a:hover {
  color: #5a8f3d;
}
/* Vine theme link hovers - ensure they work in both light and dark modes */
/* Note: vine class is on body element, so .vine selector works for body */
/* Exclude sidebar links from theme color - they have their own styling */
.vine a:hover:not(.sidebar-nav-item),
.vine .container a:hover,
body.light-mode.vine a:hover:not(.sidebar-nav-item),
body.light-mode.vine .container a:hover {
  color: #5a8f3d;
}

/* Lavender/Wisteria */
.lavender .sidebar,
.lavender .sidebar-toggle:active,
.lavender #sidebar-checkbox:checked ~ .sidebar-toggle {
  background-color: #9d8cc7;
}
.lavender .container a,
.lavender .sidebar-toggle,
.lavender .related-posts li a:hover {
  color: #9d8cc7;
}