/* css styles */
/* --- Modern Color Palette --- */
:root {
  --theory-bg: #e8f0fe;
  --theory-border: #4285f4;
  --exercise-bg: #e8f5e9;
  --exercise-border: #34a853;
  --example-bg: #fff8e1;
  --example-border: #fbbc04;
  --breadcrumb-color: #666;
}

.quarto-title-block .quarto-title-banner {
  background-color: rgb(60%,80%,10%) !important;
  color: white !important;
}



/* συγκεκριμένη σελίδα */
.page-red .quarto-title-block .quarto-title-banner {
  background-color: #f88c3c !important;
}



/* --- Theory Box --- */
.theory-box {
  background: var(--theory-bg);
  border-left: 5px solid var(--theory-border);
  padding: 15px;
  margin: 20px 0;
  border-radius: 6px;
}

/* --- Exercise Box --- */
.exercise-box {
  background: var(--exercise-bg);
  border-left: 5px solid var(--exercise-border);
  padding: 15px;
  margin: 20px 0;
  border-radius: 6px;
}

/* --- Example Box --- */
.example-box {
  background: var(--example-bg);
  border-left: 5px solid var(--example-border);
  padding: 15px;
  margin: 20px 0;
  border-radius: 6px;
}

/* --- Breadcrumbs --- */
.breadcrumbs {
  font-size: 0.9rem;
  color: var(--breadcrumb-color);
  margin-bottom: 15px;
}

.breadcrumbs a {
  color: var(--breadcrumb-color);
  text-decoration: none;
}

.breadcrumbs a:hover {
  text-decoration: underline;
}

/* --- Navigation Buttons --- */
.nav-buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}

.nav-buttons a {
  background: #4285f4;
  color: white !important;
  padding: 10px 18px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
}

.nav-buttons a:hover {
  background: #3367d6;
}