/* THEME TOKENS ------------------- */
:root body {
  --color-brand-primary: #165027;
  --color-brand-secondary: #103c1d;
  --color-accent-1: #113c1e;
  --color-golf-gray-medium: #ccd0d0;
}

/* SIDEBAR NAV ------- */
:root .enterprise-sidebar-nav {
  --sidebar-nav-color-bg: var(--color-brand-primary);
}

/* HEADINGS ------------------- */
:root body,
:root body .container-medium-background {
  --heading-color: var(--color-black);
}

/* ENTERPRISE NAV ------- */
:root body {
  --enterprise-header-color-bg: var(--color-gray-50);
  --enterprise-header-color-logo: var(--color-black);
  --enterprise-header-color-subnav-item: var(--color-black);
  --enterprise-header-color-subnav: var(--color-white);
  --enterprise-header-color-subnav-item--hover: var(--color-black);
  --enterprise-header-color-mainnav-border-hover: var(--color-brand-primary);
  --enterprise-header-color-mainnav-item-hover: var(--color-black);
  --enterprise-header-color-mainnav-item: var(--color-black);
}
:root .enterprise-logo-wrapper {
  --hamburger-color-icon: var(--color-black);
}

/* CONTAINERS ------------------- */
:root body {
  --container-color-background: transparent;
}
:root body .container-dark-background {
  --container-color-background: var(--color-brand-primary);
}
:root body .container-medium-background {
  --container-color-background: var(--color-golf-gray-medium);
}
:root body .container-light-background {
  --container-color-background: var(--color-gray-50);
}

/* ICON TEXT GROUPS ------------------- */
:root body,
:root body .container-medium-background {
  --icontextgroup-color-heading: var(--color-black);
  --icontextgroup-color-card-icon: var(--color-brand-primary);
  --icontextgroup-color-card-heading: var(--color-black);
  --icontextgroup-color-card-text: var(--color-black);
}
:root body .container-dark-background {
  --icontextgroup-color-heading: var(--color-white);
  --icontextgroup-color-card-icon: var(--color-white);
  --icontextgroup-color-card-heading: var(--color-white);
  --icontextgroup-color-card-text: var(--color-white);
}

/* FEATURE BLOCK ------------------- */
:root body,
:root body .container-medium-background {
  --featureblock-color-heading: var(--color-black);
  --featureblock-color-sub-heading: var(--color-black);
  --featureblock-color-text: var(--color-black);
}
:root body .container-dark-background {
  --featureblock-color-heading: var(--color-white);
  --featureblock-color-sub-heading: var(--color-white);
  --featureblock-color-text: var(--color-white);
}

/* LINK WRAPPERS  ------------------- */
:root body,
:root body .container-medium-background {
  --linkwrappers-color-line: var(--color-brand-primary);
  --linkwrappers-color-link: var(--color-brand-primary);
  --linkwrappers-color-link-hover: var(--color-brand-secondary);
  --linkwrappers-color-text: var(--color-brand-primary);
  --linkwrappers-color-text-hover: var(--color-brand-secondary);
}
:root body .container-dark-background {
  --linkwrappers-color-line: var(--color-white);
  --linkwrappers-color-link: var(--color-white);
  --linkwrappers-color-link-hover: var(--color-white);
  --linkwrappers-color-text: var(--color-white);
  --linkwrappers-color-text-hover: var(--color-white);
}

/* LINK BLOCK ------------------- */
:root body,
:root body .container-medium-background {
  --linkblock-color-heading: var(--color-brand-primary);
  --linkblock-color-icon: var(--color-brand-primary);
  --linkblock-color-icon-hover: var(--color-brand-secondary);
  --linkblock-color-line: var(--color-brand-primary);
  --linkblock-color-link: var(--color-brand-primary);
  --linkblock-color-link-hover: var(--color-brand-secondary);
  --linkblock-color-text: var(--color-brand-primary);
}
:root body .container-dark-background {
  --linkblock-color-heading: var(--color-white);
  --linkblock-color-icon: var(--color-white);
  --linkblock-color-icon-hover: var(--color-white);
  --linkblock-color-line: var(--color-white);
  --linkblock-color-link: var(--color-white);
  --linkblock-color-link-hover: var(--color-white);
  --linkblock-color-text: var(--color-white);
}

/* BUTTONS ------------------- */
:root body,
:root body .container-medium-background {
  --btn-color-bg: var(--color-brand-primary);
  --btn-color-bg-hover: var(--color-brand-secondary);
  --btn-color-border: var(--color-brand-primary);
  --btn-color-border-hover: var(--color-brand-secondary);
  --btn-color-text: var(--color-white);
  --btn-color-text-hover: var(--color-white);

  /* SECONDARY */
  --btn-color-bg-secondary: transparent;
  --btn-color-bg-hover-secondary: var(--color-brand-primary);
  --btn-color-border-secondary: var(--color-brand-primary);
  --btn-color-border-hover-secondary: var(--color-brand-primary);
  --btn-color-text-secondary: var(--color-brand-primary);
  --btn-color-text-hover-secondary: var(--color-white);

  /* TERTIARY */
  --btn-color-bg-tertiary: transparent;
  --btn-color-bg-hover-tertiary: transparent;
  --btn-color-border-tertiary: transparent;
  --btn-color-border-hover-tertiary: var(--color-brand-secondary);
  --btn-color-icon-hover-tertiary: var(--color-brand-secondary);
  --btn-color-icon-tertiary: var(--color-brand-primary);
  --btn-color-text-tertiary: var(--color-brand-primary);
  --btn-color-text-hover-tertiary: var(--color-brand-secondary);
}
:root body .container-dark-background {
  --btn-color-bg: var(--color-white);
  --btn-color-bg-hover: var(--color-white);
  --btn-color-border: var(--color-white);
  --btn-color-border-hover: var(--color-white);
  --btn-color-text: var(--color-brand-primary);
  --btn-color-text-hover: var(--color-brand-primary);

  /* SECONDARY */
  --btn-color-bg-secondary: transparent;
  --btn-color-bg-hover-secondary: var(--color-white);
  --btn-color-border-secondary: var(--color-white);
  --btn-color-border-hover-secondary: var(--color-white);
  --btn-color-text-secondary: var(--color-white);
  --btn-color-text-hover-secondary: var(--color-brand-primary);

  /* TERTIARY */
  --btn-color-bg-tertiary: transparent;
  --btn-color-bg-hover-tertiary: transparent;
  --btn-color-border-tertiary: transparent;
  --btn-color-border-hover-tertiary: var(--color-white);
  --btn-color-icon-hover-tertiary: var(--color-white);
  --btn-color-icon-tertiary: var(--color-white);
  --btn-color-text-tertiary: var(--color-white);
  --btn-color-text-hover-tertiary: var(--color-white);
}

/* CTA BLOCKS ------------------- */
:root body,
:root body .container-medium-background {
  --ctablock-color-heading: var(--color-brand-primary);
  --ctablock-color-text: var(--color-black);
}
:root body .container-dark-background {
  --ctablock-color-heading: var(--color-white);
  --ctablock-color-text: var(--color-white);
}

/* PAGE HEADERS ------------------- */
:root body,
:root body .container-medium-background {
  --pageheader-color-heading: var(--color-black);
  --pageheader-color-text: var(--color-black);
}
:root body .container-dark-background {
  --pageheader-color-heading: var(--color-white);
  --pageheader-color-text: var(--color-white);
}

/* RICH TEXT EDITORS ------------------- */
:root body,
:root body .container-medium-background {
  --color-heading: var(--color-brand-primary);
  --color-text: black;
  --color-link: var(--color-brand-primary);
  --color-link-hover: var(--color-brand-secondary);
}
:root body .container-dark-background {
  --color-heading: white;
  --color-text: white;
  --color-link: white;
  --color-link-hover: white;
}

/* TEAM CARDS ------------------- */
:root body,
:root body .container-medium-background {
  --teamcard-color-text: var(--color-black);
  --teamcard-color-link: var(--color-brand-primary);
  --teamcard-color-link-hover: var(--color-brand-secondary);
}
:root body .container-dark-background {
  --teamcard-color-text: var(--color-white);
  --teamcard-color-link: var(--color-white);
  --teamcard-color-link-hover: var(--color-white);
}

/* FEATURED CARDS ------------------- */
:root body,
:root body .container-medium-background {
  --featuredcards-color-card-arrow: var(--color-brand-primary);
  --featuredcards-color-card-icon: var(--color-brand-primary);
  --featuredcards-color-card-heading: var(--color-brand-primary);
  --featuredcards-color-card-text: var(--color-black);
  --featuredcards-color-heading: var(--color-brand-primary);
  --featuredcards-color-accent-1: var(--color-brand-primary);
  --featuredcards-color-accent-2: var(--color-brand-primary);
  --featuredcards-color-accent-3: var(--color-brand-primary);
  --featuredcards-color-accent-4: var(--color-brand-primary);
  --featuredcards-color-accent-5: var(--color-brand-primary);
  --featuredcards-color-accent-6: var(--color-brand-primary);
}
:root body .container-dark-background {
  --featuredcards-color-heading: var(--color-white);
}

/* HEADER ------------------- */
:root body {
  --header-background-color: var(--color-white);
}

/* FOOTER ------------------- */
:root body {
  --footer-background-color: var(--color-black);
}
:root footer .container-dark-background {
  --footer-background-color: var(--color-black);
}


/* BREADCRUMBS ------------------- */
:root body {
  --breadcrumb-color-bg: var(--color-gray-100);
  --breadcrumb-color-text: var(--color-black);
}

/* CONTACT US BLOCKS ------------------- */
:root body,
:root body .container-medium-background {
  --contactusblock-color-heading: var(--color-brand-primary);
  --contactusblock-color-link: var(--color-brand-primary);
  --contactusblock-color-link-hover: var(--color-brand-secondary);
  --contactusblock-color-social-icons: var(--color-brand-primary);
  --contactusblock-color-social-icons-hover: var(--color-brand-secondary);
  --contactusblock-color-text: var(--color-black);
}
:root body .container-dark-background {
  --contactusblock-color-heading: var(--color-white);
  --contactusblock-color-link: var(--color-white);
  --contactusblock-color-link-hover: var(--color-white);
  --contactusblock-color-social-icons: var(--color-white);
  --contactusblock-color-social-icons-hover: var(--color-white);
  --contactusblock-color-text: var(--color-white);
}

/* ACCORDIONS ------------------- */
:root body {
  --accordion-color-description-bg: transparent;
  --accordion-color-heading: var(--color-brand-primary);
  --accordion-color-heading-hover: var(--color-brand-secondary);
  --accordion-color-heading-bg: var(--color-black-10);
  --accordion-color-heading-bg-hover: var(--color-black-15);
  --accordion-color-icon: var(--color-brand-primary);
  --accordion-color-icon-hover: var(--color-brand-secondary);
}
:root body .container-dark-background {
  --accordion-color-heading-bg: var(--color-gray-50);
  --accordion-color-heading-bg-hover: var(--color-gray-100);
}

/* FONTS ------------------- */
:root body {
  --font-family-heading: 'Lexend', sans-serif;
}