/* AWS re:Invent 2025 color scheme */
:root {
  --md-primary-fg-color: #0db5fd; /* Brighter re:Invent 2025 Blue */
  --md-primary-fg-color--light: #1E88E5;
  --md-primary-fg-color--dark: #0D47A1;
  --md-accent-fg-color: #FF6B35; /* re:Invent 2025 Orange/Red */
  --md-accent-fg-color--transparent: rgba(255, 107, 53, 0.1);
  --md-default-bg-color: #010103; /* Same dark color as navigation */
  --md-default-fg-color: #FFFFFF;
}

/* Dark mode colors */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #0db5fd;
  --md-primary-fg-color--light: #1E88E5;
  --md-primary-fg-color--dark: #0D47A1;
  --md-accent-fg-color: #FF6B35;
  --md-accent-fg-color--transparent: rgba(255, 107, 53, 0.1);
  --md-default-bg-color: #010103; /* Same dark color as navigation */
  --md-default-fg-color: #E0E0E0;
}

/* Custom font with Amazon Ember fallback */
.md-typeset {
  font-family: "Open Sans", "Amazon Ember", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Additional re:Invent 2025 styling */
.md-header {
  background: linear-gradient(135deg, #FF6B35 0%, #0db5fd 50%, #9C27B0 100%);
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

.md-tabs {
  background: #010103; /* Very dark color like re:Invent presentations */
  border-top: 1px solid #333;
}

/* Enhanced header styling */
.md-header__title {
  color: #FFFFFF !important;
  font-weight: 600;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

.md-header__button {
  color: #FFFFFF !important;
}

/* Navigation styling */
.md-tabs__link {
  color: #E0E0E0 !important;
  font-weight: 500;
}

.md-tabs__link--active {
  color: #FFFFFF !important;
  background-color: rgba(255,107,53,0.2);
  border-radius: 4px;
}

/* Footer styling to match theme */
.md-footer {
  background-color: #010103 !important;
  color: #E0E0E0 !important;
}

.md-footer__inner {
  background-color: #010103 !important;
}

.md-footer-copyright {
  color: #E0E0E0 !important;
}

.md-footer-meta {
  background-color: #010103 !important;
}

/* Dark background for main content */
.md-main {
  background-color: var(--md-default-bg-color);
}

.md-content {
  background-color: var(--md-default-bg-color);
}