:root {
  --bg: #fafafa; /* Lighter background */
  --fg: #333; /* Slightly lighter text */
  --link: #6699cc; /* Softer blue for links */
  --border: #ccc; /* Border color for form elements */
  --input-bg: #fff;
  --input-border: #ccc;
  --button-bg: #f0f0f0;
  --button-border: #ccc;
  --button-hover: #e0e0e0;
}

pre {
  background: #f5f5f5; /* Lighter code background */
  color: #444; /* Slightly darker text for better contrast */
}

code:not(pre code) {
  background-color: #e6f7ff; /* Keep same soft blue */
  color: #336699; /* Softer blue text */
}