/* THEME TOKENS ------------------- */
:root body {
  --color-brand-primary: #133852;
  --color-brand-secondary: #4e4442;
  --color-accent-1: #d3a239;
  --color-accent-2: #4c6432;
  --color-accent-3: #508897;
  --color-accent-4: #ffc342;
  --color-museum-gray-light: #f5f2f0;
  --color-museum-gray-medium: #dfdbd9;
}

/* 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-utility-color-bg: var(--color-brand-primary-darker); */
  --enterprise-header-color-bg: var(--color-white);
  --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-accent-3);
  --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-museum-gray-medium);
}
:root body .container-light-background {
  --container-color-background: var(--color-museum-gray-light);
}

/* 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-accent-1);
  --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-primary-lighter);
  --linkwrappers-color-text: var(--color-brand-primary);
  --linkwrappers-color-text-hover: v var(--color-brand-primary-lighter);
}
: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-accent-4);
  --linkblock-color-icon-hover: var(--color-accent-1);
  --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-accent-1);
  --btn-color-bg-hover: var(--color-accent-4);
  --btn-color-border: var(--color-accent-1);
  --btn-color-border-hover: var(--color-accent-4);
  --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-accent-4);
  --btn-color-border-secondary: var(--color-accent-1);
  --btn-color-border-hover-secondary: var(--color-accent-4);
  --btn-color-text-secondary: var(--color-brand-primary);
  --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-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-accent-4);
  --btn-color-border: var(--color-white);
  --btn-color-border-hover: var(--color-accent-4);
  --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-accent-4);
  --btn-color-border-secondary: var(--color-white);
  --btn-color-border-hover-secondary: var(--color-accent-4);
  --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-brand-primary);
  --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-secondary);
  --featuredcards-color-accent-3: var(--color-accent-1);
  --featuredcards-color-accent-4: var(--color-accent-2);
  --featuredcards-color-accent-5: var(--color-accent-3);
  --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-brand-secondary);
}
:root footer .container-dark-background {
  --footer-background-color: var(--color-brand-secondary);
}

/* BREADCRUMBS ------------------- */
:root body {
  --breadcrumb-color-bg: var(--color-brand-primary);
  --breadcrumb-color-text: var(--color-white);
}

/* 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,
:root body .container-medium-background {
  --accordion-color-description-bg: transparent;
  --accordion-color-heading: var(--color-brand-primary);
  --accordion-color-heading-hover: var(--color-accent-3);
  --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-accent-3);
}
: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: 'Lora', serif;
}