:root {
  /* Brava Brand Colors */
  --md-primary-fg-color:        #000000;
  --md-primary-fg-color--light: #333333;
  --md-primary-fg-color--dark:  #000000;
  --md-accent-fg-color:         #E53935; /* Vibrant Red */
}

/* --- LIGHT MODE (Default) --- */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #ffffff; /* White header */
  --md-primary-fg-color--light: #f5f5f5;
  --md-primary-fg-color--dark: #000000;
  --md-primary-bg-color: #ffffff;
  --md-text-color: #3C3C3C; /* rgb(60, 60, 60) */
  --md-typeset-color: #3C3C3C;
  --md-typeset-a-color: #E53935; /* Red Links */
}

/* Header Tweaks for Light Mode to handle white-on-white */
[data-md-color-scheme="default"] .md-header {
  background-color: #ffffff;
  color: #000000;
  border-bottom: 1px solid #e0e0e0;
}

[data-md-color-scheme="default"] .md-header__button {
  color: #000000;
}

[data-md-color-scheme="default"] .md-tabs {
  background-color: #ffffff;
  color: #000000;
  border-bottom: 1px solid #e0e0e0;
}

[data-md-color-scheme="default"] .md-tabs__link {
    color: #000000;
    opacity: 0.7;
}

[data-md-color-scheme="default"] .md-tabs__link--active, 
[data-md-color-scheme="default"] .md-tabs__link:hover {
    color: #E53935; /* Red active tab */
    opacity: 1;
}

/* Light Mode Headings */
[data-md-color-scheme="default"] h1, 
[data-md-color-scheme="default"] h2, 
[data-md-color-scheme="default"] h3, 
[data-md-color-scheme="default"] h4, 
[data-md-color-scheme="default"] h5, 
[data-md-color-scheme="default"] h6 {
  color: #0B0B0B; /* Dark Black for Light Mode */
}

/* --- DARK MODE (Slate) --- */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #000000;
  --md-primary-fg-color--light: #1A1A1A;
  --md-primary-fg-color--dark: #000000;
  --md-accent-fg-color: #E53935;
}

/* Dark Mode Headings - Force White/Light Grey */
[data-md-color-scheme="slate"] h1, 
[data-md-color-scheme="slate"] h2, 
[data-md-color-scheme="slate"] h3, 
[data-md-color-scheme="slate"] h4, 
[data-md-color-scheme="slate"] h5, 
[data-md-color-scheme="slate"] h6 {
  color: #FFFFFF;
}

/* Logo Switching for Dark Mode */
[data-md-color-scheme="slate"] .md-header__button.md-logo img {
  content: url("../assets/logo-dark.svg");
}

/* Global Typography Tweaks */
body, .md-typeset {
  font-family: 'Manrope', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}

/* Button Styling */
.md-button {
  border-radius: 4px;
  font-weight: 600;
}

.md-button--primary {
  background-color: #E53935;
  border-color: #E53935;
  color: #ffffff;
}

.md-button--primary:hover {
  background-color: #D32F2F;
  border-color: #D32F2F;
}