/* This sheet is for all masters and must load first */

/* Light (default) */
:root {
  --background-main: #F9F6F2;
  --background-alt: #EFE9E4;
  --text-primary: #333333;
  --text-secondary: #5C5C5C;
  --accent-teal: #2A6F7B;
  --highlight-amber: #D97706;
  --frame-neutral: #E6DED7;
  --tile-background: #FFFFFF;
  --nav-text: White;
  --nav-hover-text: #FFD166;
  --nav-dropdown-background: #FFFFFF;
  --nav-dropdown-text: #0A2C66;
  --nav-dropdown-hover-background: #FFF7E6;
  --nav-dropdown-hover-text: #D97706;
  --nav-background: rgba(10, 44, 102, 0.95) ;
  --text-banner-primary: White;
  --text-banner-secondary: White;
  --primary-blue: rgba(10, 44, 102, 0.95);
  --accent-orange: #D97706;
  --footer-background: #062940;
  --footer-text: #FFFFFF;
  --rates-card-background: #FFFFFF;
  --rates-card-text: #0A2C66;
  --rates-card-muted: #5C5C5C;
  --rates-card-divider: #DCE4EB;
  --rates-button-background: rgba(10, 44, 102, 0.95);
  --rates-button-text: #FFFFFF;
  --rates-modal-background: #FFFFFF;
  --rates-modal-text: #334155;
  --rates-modal-muted: #64748B;
  --rates-modal-close-background: #EEF2F6;
  --rates-modal-close-text: #334155;
  --offers-card-background: #FFFFFF;
  --offers-card-text: #0A2C66;
  --offers-card-muted: #5C5C5C;
  --offers-button-background: rgba(10, 44, 102, 0.95);
  --offers-button-text: #FFFFFF;
  --offers-modal-background: #FFFFFF;
  --offers-modal-text: #334155;
  --offers-modal-close-background: #EEF2F6;
  --offers-modal-close-text: #334155;
  --testimonials-card-background: #FFFAF5;
  --testimonials-card-text: #062940;
  --testimonials-card-muted: #5C5C5C;
  --testimonials-accent: #2B6777;
  --privacy-surface: transparent;
  --privacy-text: #26364A;
  --privacy-heading: #062940;
  --privacy-subheading: #2A6672;
  --privacy-link: #0A5AA1;
  --privacy-divider: #DCE4EB;
  --site-background-image: none;
  --base-font-size: 14px;
}

/* Dark Mode */
.dark-mode {
  --background-main: #1E1E1E;
  --background-alt: #2A2A2A;
  --text-primary: #F5F5F5;
  --text-secondary: #CCCCCC;
  --accent-teal: #4DB6AC;
  --highlight-amber: #F59E0B;
  --frame-neutral: #333333;
  --tile-background: #242A31;
  --nav-text: #FFFFFF;
  --nav-hover-text: #F59E0B;
  --nav-dropdown-background: #111827;
  --nav-dropdown-text: #FFFFFF;
  --nav-dropdown-hover-background: #1F2937;
  --nav-dropdown-hover-text: #FBBF24;
  --nav-background: #101827;
  --text-banner-primary: #FFFFFF;
  --text-banner-secondary: #FFFFFF;
  --primary-blue: #7DB7FF;
  --accent-orange: #F59E0B;
  --footer-background: #0B111B;
  --footer-text: #F8FAFC;
  --rates-card-background: #202833;
  --rates-card-text: #F5F7FA;
  --rates-card-muted: #CBD5E1;
  --rates-card-divider: #3A4759;
  --rates-button-background: #2F5EA8;
  --rates-button-text: #FFFFFF;
  --rates-modal-background: #1C2430;
  --rates-modal-text: #F5F7FA;
  --rates-modal-muted: #CBD5E1;
  --rates-modal-close-background: #334155;
  --rates-modal-close-text: #F8FAFC;
  --offers-card-background: #202833;
  --offers-card-text: #F5F7FA;
  --offers-card-muted: #CBD5E1;
  --offers-button-background: #2F5EA8;
  --offers-button-text: #FFFFFF;
  --offers-modal-background: #1C2430;
  --offers-modal-text: #F5F7FA;
  --offers-modal-close-background: #334155;
  --offers-modal-close-text: #F8FAFC;
  --testimonials-card-background: #202833;
  --testimonials-card-text: #F5F7FA;
  --testimonials-card-muted: #CBD5E1;
  --testimonials-accent: #5AC8C8;
  --privacy-surface: transparent;
  --privacy-text: #E2E8F0;
  --privacy-heading: #F8FAFC;
  --privacy-subheading: #8BD7DE;
  --privacy-link: #8FC2FF;
  --privacy-divider: #334155;
  --base-font-size: 14px;
}

body {
  background-image: var(--site-background-image);
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

#main-nav-bar .nav > a,
#main-nav-bar .nav > .dropdown > a { color: var(--nav-text) !important; }
#main-nav-bar .nav > a:hover,
#main-nav-bar .nav > a.active,
#main-nav-bar .nav > .dropdown > a:hover,
#main-nav-bar .nav > .dropdown > a.active {
  color: var(--nav-hover-text) !important;
  border-bottom-color: var(--nav-hover-text) !important;
}