:root {
  --theme-primary: #3D3B53;
  --theme-secondary: #69596B;
  --theme-accent: #661EC7;
  --theme-background: #EAF0E7;
  --theme-text: #20202C;
  --theme-appbar-background: #20202C;
  --theme-appbar-text: #EAF0E7;
  --theme-appbar-hover: #3D3B53;
  --theme-heading-font: Fraunces;
  --theme-body-font: Inter;
  --theme-base-font-size: 16px;
}
.club-site-page, .riding-school-page, .site-shell-page {
  --color-primary: #3D3B53;
  --color-primary-hover: color-mix(in srgb, #3D3B53 80%, white);
  --color-primary-active: color-mix(in srgb, #3D3B53 80%, black);
  --color-accent: #661EC7;
  --color-accent-hover: color-mix(in srgb, #661EC7 80%, white);
  --color-secondary: #69596B;
}
.club-site-page, .riding-school-page, .site-shell-page {
  background-color: var(--theme-background, #FFFFFF);
  color: var(--theme-text, #1F2937);
  font-family: var(--theme-body-font, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif);
  font-size: var(--theme-base-font-size, 16px);
}
.club-site-page h1, .club-site-page h2, .club-site-page h3, .club-site-page h4, .club-site-page h5, .club-site-page h6, .riding-school-page h1, .riding-school-page h2, .riding-school-page h3, .riding-school-page h4, .riding-school-page h5, .riding-school-page h6, .site-shell-page h1, .site-shell-page h2, .site-shell-page h3, .site-shell-page h4, .site-shell-page h5, .site-shell-page h6 {
  font-family: var(--theme-heading-font, inherit);
}
.club-site-page .theme-primary, .riding-school-page .theme-primary, .site-shell-page .theme-primary { color: var(--theme-primary, #2E4E3F); }
.club-site-page .theme-primary-bg, .riding-school-page .theme-primary-bg, .site-shell-page .theme-primary-bg { background-color: var(--theme-primary, #2E4E3F); }
.club-site-page .theme-primary-border, .riding-school-page .theme-primary-border, .site-shell-page .theme-primary-border { border-color: var(--theme-primary, #2E4E3F); }
.club-site-page .theme-accent, .riding-school-page .theme-accent, .site-shell-page .theme-accent { color: var(--theme-accent, #D3A71A); }
.club-site-page .theme-accent-bg, .riding-school-page .theme-accent-bg, .site-shell-page .theme-accent-bg { background-color: var(--theme-accent, #D3A71A); }
.club-site-page .theme-accent-border, .riding-school-page .theme-accent-border, .site-shell-page .theme-accent-border { border-color: var(--theme-accent, #D3A71A); }
.riding-school-page .e-btn.e-primary, .club-site-page .e-btn.e-primary, .site-shell-page .e-btn.e-primary {
  background-color: var(--theme-primary, #2E4E3F) !important;
  border-color: var(--theme-primary, #2E4E3F) !important;
  color: #FFFFFF !important;
}
.riding-school-page .e-btn.e-primary:hover, .club-site-page .e-btn.e-primary:hover, .site-shell-page .e-btn.e-primary:hover {
  background-color: var(--theme-primary, #2E4E3F) !important;
  opacity: 0.9;
}
.riding-school-page .e-btn.e-primary:active, .club-site-page .e-btn.e-primary:active, .site-shell-page .e-btn.e-primary:active {
  background-color: var(--theme-primary, #2E4E3F) !important;
  opacity: 0.8;
}
.club-site-nav, .riding-school-nav {
  background-color: var(--theme-appbar-background, #2E4E3F) !important;
}
.club-site-nav a.appbar-item, .club-site-nav button.appbar-item-button, .riding-school-nav a.appbar-item, .riding-school-nav button.appbar-item-button {
  color: var(--theme-appbar-text, #FFFFFF) !important;
}
.dropdown-panel {
  background-color: #FFFFFF;
  color: #212529;
}
html[data-theme="dark"] .dropdown-panel {
  background-color: #2d2d2d;
  color: #e4e4e7;
}
.dropdown-panel a, .dropdown-panel div, .dropdown-panel span, .dropdown-panel button {
  color: inherit;
}
.club-site-nav a.appbar-item:hover, .club-site-nav button.appbar-item-button:hover, .riding-school-nav a.appbar-item:hover, .riding-school-nav button.appbar-item-button:hover {
  background-color: var(--theme-appbar-hover, rgba(255, 255, 255, 0.1)) !important;
}
.club-site-nav a.appbar-item-active {
  background-color: var(--theme-appbar-hover, rgba(255, 255, 255, 0.1)) !important;
  opacity: 1 !important;
}
.club-site-nav .mobile-menu-button, .riding-school-nav .mobile-menu-button {
  color: var(--theme-appbar-text, #FFFFFF) !important;
}
.club-site-nav .mobile-menu-button:hover, .riding-school-nav .mobile-menu-button:hover {
  background-color: var(--theme-appbar-hover, rgba(255, 255, 255, 0.1)) !important;
}
</style>