/* Custom Styles for Tech Rice Exp Book */

:root {
  --primary-color: #2e7d32;
  /* Forest Green */
  --secondary-color: #f5f5f0;
  /* Soft Earth */
  --accent-color: #81c784;
  --text-color: #333333;
  --link-color: #1b5e20;
}

body {
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.7;
  color: var(--text-color);
  background-color: #ffffff;
}

/* Sidebar Branding */
.quarto-sidebar-brand-logo {
  max-width: 150px;
  margin: 1rem auto;
  display: block;
}

#quarto-sidebar {
  background-color: var(--secondary-color);
  border-right: 1px solid #e0e0e0;
}

/* Typography */
h1,
h2,
h3,
h4 {
  color: #1b5e20;
  margin-top: 1.5em;
  font-weight: 700;
}

h1 {
  border-bottom: 2px solid var(--accent-color);
  padding-bottom: 0.3em;
}

/* Links */
a {
  color: var(--link-color);
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}

a:hover {
  color: var(--primary-color);
  text-decoration: underline;
}

/* Callouts - Customizing Quarto's Native Callouts */
.callout.callout-style-default {
  border-left-width: 5px;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.callout-tip {
  border-left-color: #4caf50 !important;
  background-color: #f1f8e9 !important;
}

.callout-note {
  border-left-color: #0288d1 !important;
  background-color: #e1f5fe !important;
}

.callout-warning {
  border-left-color: #f57c00 !important;
  background-color: #fff3e0 !important;
}

.callout-important {
  border-left-color: #d32f2f !important;
  background-color: #ffebee !important;
}

/* Images */
img {
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  margin: 1.5rem 0;
  max-width: 100%;
}

/* Navbar/Title bar */
.navbar {
  background-color: var(--primary-color) !important;
}

.navbar-title,
.nav-link {
  color: white !important;
}

/* Table styling */
.table {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.table thead th {
  background-color: var(--secondary-color);
  color: var(--primary-color);
  border-bottom: 2px solid var(--accent-color);
}

/* Force solid background for sidebar and table of contents */
#quarto-sidebar,
.quarto-sidebar,
.quarto-sidebar .quarto-sidebar-nav,
.quarto-toc,
.quarto-toc .toc,
.quarto-nav {
  background-color: var(--secondary-color) !important;
  background: var(--secondary-color) !important;
  opacity: 1 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}

/* Ensure links and text in the sidebar are readable */
#quarto-sidebar a,
.quarto-sidebar .nav-link {
  color: var(--text-color) !important;
}