/* Shared Chez Investe design tokens and base UI rules. */
:root {
  --title-font: Manrope, 'Miranda Sans', sans-serif;
  --body-font: 'Miranda Sans', sans-serif;
  --brand-black: #333333;
  --body-color: #333333;
  --muted-color: #6f6f6f;
  --surface-soft: #f9f7f6;
  --accent-color: #ffc628;
  --accent-hover: #ffd85c;
  --radius-sm: 8px;
  --t1: 5.75rem;
  --t2: 3.25rem;
  --t3: 2.125rem;
  --t4: 1.625rem;
  --t5: 1.375rem;
  --t6: 1.125rem;
  --t7: 1rem;
  --t8: 0.875rem;
}

body,
.u-body,
p:not(.u-text-variant),
p.u-small-text,
p.u-large-text {
  color: var(--body-color);
  font-family: var(--body-font);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--body-color);
  font-family: var(--title-font);
  letter-spacing: 0;
}

h1 {
  font-size: var(--t1);
  font-weight: 800;
}

h2 {
  font-size: var(--t2);
  font-weight: 700;
}

h3 {
  font-size: var(--t3);
  font-weight: 600;
}

h4 {
  font-size: var(--t4);
  font-weight: 600;
}

h5 {
  font-size: var(--t5);
  font-weight: 500;
}

h6 {
  font-size: var(--t6);
  font-weight: 500;
}

.u-header.u-white {
  background-color: #ffffff !important;
  border-bottom: 1px solid rgba(17, 17, 17, 0.08);
  box-shadow: 0 8px 28px rgba(17, 17, 17, 0.05);
}

.menu-collapse,
.u-nav .u-nav-link,
.u-nav-container .u-nav-link,
.u-popupmenu-items .u-nav-link {
  font-family: var(--title-font) !important;
}

.u-nav .u-nav-link,
.u-nav-container .u-nav-link {
  color: var(--body-color) !important;
  font-size: 0.9rem;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase;
  transition: color 180ms ease, border-color 180ms ease;
}

.u-nav .u-nav-link:hover,
.u-nav .u-nav-link.active,
.u-nav-container .u-nav-link:hover,
.u-nav-container .u-nav-link.active {
  color: var(--brand-black) !important;
  border-color: var(--accent-color) !important;
}

.u-sidenav {
  background-color: var(--brand-black) !important;
}

.u-popupmenu-items .u-nav-link {
  color: #ffffff !important;
  font-size: 1rem;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase;
}

.u-popupmenu-items .u-nav-link:hover,
.u-popupmenu-items .u-nav-link.active {
  color: var(--accent-color) !important;
}

.u-btn,
.u-button-style,
.cc-cookies-btn {
  font-family: var(--title-font) !important;
}

.u-text-custom-color-2,
a.u-button-style.u-text-custom-color-2,
a.u-button-style.u-text-custom-color-2[class*="u-border-"],
a.u-button-style.u-text-custom-color-2:hover,
a.u-button-style.u-text-custom-color-2[class*="u-border-"]:hover,
a.u-button-style.u-text-custom-color-2:focus,
a.u-button-style.u-text-custom-color-2[class*="u-border-"]:focus,
a.u-button-style.u-text-custom-color-2:active,
a.u-button-style.u-text-custom-color-2.active,
.u-link.u-text-custom-color-2,
.u-link.u-text-custom-color-2:hover,
a.u-link.u-text-hover-custom-color-2:hover,
a.u-button-style:hover > .u-text-hover-custom-color-2,
a.u-button-style.u-text-hover-custom-color-2:hover,
a.u-button-style.u-text-hover-custom-color-2:focus,
a.u-button-style.u-text-active-custom-color-2.active,
a.u-button-style.active > .u-text-active-custom-color-2,
.u-text-body-color,
a.u-button-style.u-text-body-color,
a.u-button-style.u-text-body-color:hover,
a.u-button-style.u-text-body-color:focus,
.u-text-grey-50,
.u-text-grey-80,
.u-text-grey-90,
.u-text-palette-1-base,
.u-text-active-palette-1-base.active,
.u-text-hover-palette-1-base:hover,
a.u-button-style.u-text-active-palette-1-base.active,
a.u-button-style.u-text-hover-palette-1-base:hover {
  color: var(--body-color) !important;
}

.u-text-custom-color-2 svg,
.u-text-hover-custom-color-2:hover svg,
.u-button-style:hover > .u-text-hover-custom-color-2 svg,
.u-button-style.active > .u-text-active-custom-color-2 svg,
.u-text-body-color svg,
.u-text-grey-50 svg,
.u-text-grey-80 svg,
.u-text-grey-90 svg,
.u-text-palette-1-base svg,
.u-text-active-palette-1-base.active svg,
.u-text-hover-palette-1-base:hover svg {
  fill: var(--body-color) !important;
}

a.u-btn-4,
a.u-btn-4:visited,
a.u-btn-4:hover,
a.u-btn-4:focus,
a.u-btn-4:active,
.cc-cookies-btn {
  border-radius: var(--radius-sm) !important;
  color: var(--body-color) !important;
  font-family: var(--title-font) !important;
  text-decoration: none !important;
}