/**
 * Enhanced Sunnova color scheme with improved contrast
 * Featuring a matte, less bright background for light mode
 */

/* Light Mode (Sunnova Theme) */
[data-md-color-scheme="sunnova"] {
  /* Primary colors - keeping orange theme */
  --md-primary-fg-color:        #FF8200;
  --md-primary-fg-color--light: #FFCC00;
  --md-primary-fg-color--dark:  #E67300;
  
  /* Accent colors - using indigo for better contrast with orange */
  --md-accent-fg-color:              #3F51B5;
  --md-accent-fg-color--transparent: #3F51B530;
    /* Background color - soft matte finish instead of bright white */
  --md-default-bg-color:      #F8F8F8;
  
  /* Content background - slightly different for depth */
  --md-main-bg-color:         #F5F5F5;
  
  /* Text colors with improved contrast */
  --md-typeset-color:         #333333;
  --md-typeset-a-color:       #2a3990; /* Darker indigo for link contrast */
  
  /* Code colors */
  --md-code-fg-color:         #222222;
  --md-code-bg-color:         #E5E5E8;
  
  /* Navigation panel colors */
  --md-nav-bg-color:           #EEEEEE;
  --md-nav-color:              #333333;
  
  /* Card and panel background */
  --md-card-bg-color:          #F2F2F2;
  --md-card-fg-color:          #333333;
}

/* Dark Mode (Slate Theme) */
[data-md-color-scheme="slate"] {
  /* Primary colors - keeping orange identity */
  --md-primary-fg-color:        #FF8200;
  --md-primary-fg-color--light: #FFCC00;
  --md-primary-fg-color--dark:  #E67300;
  
  /* Accent colors */
  --md-accent-fg-color:              #64B5F6; /* Light blue for dark mode contrast */
  --md-accent-fg-color--transparent: #64B5F630;
  
  /* Background color - not too dark for better contrast */
  --md-default-bg-color:      #252A34;
  
  /* Content background - slightly different for depth */
  --md-main-bg-color:         #2A2F3A;
  
  /* Text colors with improved contrast */
  --md-typeset-color:         #E0E0E0; /* Lighter text for readability */
  --md-typeset-a-color:       #82B1FF; /* Brighter links for dark background */
  
  /* Code colors with improved contrast */
  --md-code-fg-color:         #EAEAEA;
  --md-code-bg-color:         #2A2A40;
  
  /* Navigation panel colors */
  --md-nav-bg-color:           #252A34;
  --md-nav-color:              #E0E0E0;
  
  /* Card and panel background */
  --md-card-bg-color:          #2A2F3A;
  --md-card-fg-color:          #E0E0E0;
}

/* General improvements for both themes */

/* Main content area with softer background */
.md-main {
  background-color: var(--md-main-bg-color);
}

/* Content area with softer edges */
.md-content {
  background-color: var(--md-default-bg-color);
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* Improve code block contrast */
.md-typeset code {
  font-weight: 500;
  border-radius: 4px;
  padding: 0.2em 0.4em;
}

/* Make navigation items more visible */
.md-nav__item .md-nav__link--active {
  color: var(--md-accent-fg-color);
  font-weight: 700;
}

.md-nav__link:hover {
  color: var(--md-accent-fg-color) !important;
}

/* Improve tables */
.md-typeset table:not([class]) {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  overflow: hidden;
}

.md-typeset table:not([class]) th {
  background-color: var(--md-primary-fg-color);
  color: white;
}

.md-typeset table:not([class]) tr:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.03);
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) tr:nth-child(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

/* Make headings more readable */
.md-typeset h1, 
.md-typeset h2, 
.md-typeset h3, 
.md-typeset h4, 
.md-typeset h5, 
.md-typeset h6 {
  color: var(--md-primary-fg-color--dark);
  margin-top: 1.5em;
  margin-bottom: 0.8em;
}

[data-md-color-scheme="slate"] .md-typeset h1,
[data-md-color-scheme="slate"] .md-typeset h2,
[data-md-color-scheme="slate"] .md-typeset h3,
[data-md-color-scheme="slate"] .md-typeset h4,
[data-md-color-scheme="slate"] .md-typeset h5,
[data-md-color-scheme="slate"] .md-typeset h6 {
  color: var(--md-primary-fg-color--light);
}

/* Make navigation more readable */
.md-tabs__link {
  opacity: 0.9;
}

.md-tabs__link--active {
  opacity: 1;
  font-weight: 700;
}

/* Fix for dark mode search bar */
[data-md-color-scheme="slate"] .md-search__input {
  background-color: rgba(255, 255, 255, 0.1);
}

[data-md-color-scheme="slate"] .md-search__input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

/* Softer card styling */
.md-typeset .admonition,
.md-typeset details {
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);
}

/* Header with less harsh contrast */
.md-header {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Footer with less harsh contrast */
.md-footer {
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.1);
}