:root {
  /* Clavea Color Palette */
  --clavea-primary: #00AC8A;
  --clavea-primary-soft: #E9F2E1;
  --clavea-primary-accent: #CDDDC0;
  --clavea-primary-medium: #A1B58F;
  --clavea-primary-strong: #115E59;
}

/* Override Material Design colors with Clavea palette */
:root {
  --md-primary-fg-color: var(--clavea-primary);
  --md-primary-fg-color--light: var(--clavea-primary-soft);
  --md-primary-fg-color--dark: var(--clavea-primary-strong);
  --md-accent-fg-color: var(--clavea-primary);
  --md-accent-fg-color--transparent: rgba(0, 172, 138, 0.1);
}

/* Dark mode colors */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: var(--clavea-primary);
  --md-primary-fg-color--light: var(--clavea-primary-soft);
  --md-primary-fg-color--dark: var(--clavea-primary-strong);
  --md-accent-fg-color: var(--clavea-primary);
  --md-accent-fg-color--transparent: rgba(0, 172, 138, 0.1);
}

/* Header styling for logo visibility */
.md-header {
  background-color: var(--clavea-primary-medium) !important;
  box-shadow: none !important;
  border: none !important;
  border-bottom: none !important;
}

/* Remove any borders from the entire header area */
.md-header-nav {
  border: none !important;
}

.md-header__inner {
  border: none !important;
}

/* Ensure header text is readable on medium background */
.md-header__title,
.md-header__button,
.md-header__topic,
.md-search__input::placeholder {
  color: white !important;
}

.md-search__input {
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
}

.md-search__input:focus {
  background-color: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.4);
}

/* Navigation in header */
.md-tabs {
  background-color: var(--clavea-primary-medium);
  border: none !important;
  border-bottom: none !important;
  border-top: none !important;
}

.md-tabs__link {
  color: rgba(255, 255, 255, 0.9) !important;
  border: none !important;
  border-bottom: none !important;
}

.md-tabs__link--active,
.md-tabs__link:hover {
  color: white !important;
  background-color: rgba(255, 255, 255, 0.1);
  border: none !important;
  border-bottom: none !important;
}

/* Remove any borders from the tabs container */
.md-tabs__list {
  border: none !important;
}

.md-tabs__item {
  border: none !important;
}

.md-nav__link--active {
  color: var(--clavea-primary-strong);
}

.md-typeset a {
  color: var(--clavea-primary);
}

.md-typeset a:hover {
  color: var(--clavea-primary-strong);
}

.md-typeset h1, .md-typeset h2, .md-typeset h3 {
  color: var(--clavea-primary-strong);
}

.md-typeset code {
  background-color: var(--clavea-primary-soft);
  color: var(--clavea-primary-strong);
}

.md-typeset pre {
  background-color: var(--clavea-primary-soft);
  border-left: 0.2rem solid var(--clavea-primary);
}

.md-button {
  background-color: var(--clavea-primary);
  border-color: var(--clavea-primary);
}

.md-button:hover {
  background-color: var(--clavea-primary-strong);
  border-color: var(--clavea-primary-strong);
}

/* Arabic RTL Support */
html[dir="rtl"] .md-content {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] .md-typeset {
  direction: rtl;
}

html[dir="rtl"] .md-typeset h1, 
html[dir="rtl"] .md-typeset h2, 
html[dir="rtl"] .md-typeset h3 {
  text-align: right;
}

html[dir="rtl"] .md-typeset ul, 
html[dir="rtl"] .md-typeset ol {
  margin-right: 0;
  margin-left: 0;
  padding-right: 1.25em;
  padding-left: 0;
}

html[dir="rtl"] .md-nav__link {
  text-align: right;
}

html[dir="rtl"] code, 
html[dir="rtl"] pre {
  direction: ltr;
  text-align: left;
}