/* =========================================================
   DEMO10 DISTRICT PALETTE
   ---------------------------------------------------------
   Palette-only file. No layout or structural CSS.
========================================================= */

:root {
  --sbn-header-bg: #ffffff;

    /* ===== HEADINGS ===== */
  --sbn-h1-color: #1f2f4d;
  --sbn-h2-color: #1f2f4d;
  --sbn-h3-color: #1e5a2d;
  --sbn-h4-color: #1e5a2d;
  --sbn-h5-color: #222222;
  --sbn-h6-color: #222222;

  --sbn-page-title-bg: #f3f6f9;
  --sbn-breadcrumb-bg: #f3f6f9;
  --sbn-sidebar-first-bg: #f3f6f9;
  --sbn-main-content-bg: #f3f6f9;
  --sbn-sidebar-second-bg: #f3f6f9;

  --sbn-menu-bg: #f3f6f9;
  --sbn-menu-text: #222222;
  --sbn-menu-hover-bg: #048629;
  --sbn-menu-hover-text: #ffffff;
  --sbn-menu-active-bg: #e4ebf2;
  --sbn-menu-border: #d3dce5;
  --sbn-menu-dropdown-bg: #ffffff;
  --sbn-menu-dropdown-border: #d9dee5;

  --sbn-content-text: #222222;
  --sbn-link: #1e5a2d;
  --sbn-link-hover: #30c64e;

  --sbn-search-bg: #ffffff;
  --sbn-search-border: #048629;
  --sbn-search-button-bg: #30c64e;
  --sbn-search-button-text: #ffffff;

  --sbn-event-card-bg: transparent;
  --sbn-event-card-border: #dde4eb;
  --sbn-event-heading: #1f2f4d;

  --sbn-accordion-bg: #ffffff;
  --sbn-accordion-border: #d9dee5;
  --sbn-accordion-hover-bg: #f8fbf9;
  --sbn-accordion-open-bg: #f3f6f9;
  --sbn-accordion-open-hover-bg: #e7f4ea;
  --sbn-accordion-accent: #1e5a2d;

  --sbn-print-btn-bg: #f3f6f9;
  --sbn-print-btn-text: #222222;
  --sbn-print-btn-border: #d3dce5;
  --sbn-print-btn-hover-bg: #048629;
  --sbn-print-btn-hover-text: #ffffff;

  --sbn-section-heading-color: #1f2f4d;
  --sbn-section-heading-border: #d9dee5;

  --sbn-focus: #1e5a2d;

  /* ===== HEADING COLORS ===== */
.page-wrapper h1,
.region-content h1,
.node__content h1 {
  color: var(--sbn-h1-color) !important;
}

.page-wrapper h2,
.region-content h2,
.node__content h2 {
  color: var(--sbn-h2-color) !important;
}

.page-wrapper h3,
.region-content h3,
.node__content h3 {
  color: var(--sbn-h3-color) !important;
}

.page-wrapper h4,
.region-content h4,
.node__content h4 {
  color: var(--sbn-h4-color) !important;
}

.page-wrapper h5,
.region-content h5,
.node__content h5 {
  color: var(--sbn-h5-color) !important;
}

.page-wrapper h6,
.region-content h6,
.node__content h6 {
  color: var(--sbn-h6-color) !important;
}
}