/* Light color redesign: brown/beige → teal/sage */

:root {
  --primary: #2d7a6e;
  --primary-hover: #25665c;
  --primary-dark: #1e5249;
  --primary-light: #e8f2f0;
  --accent-light: #4a9b8e;
}

/* Header */
.u-header.u-grey-10,
.u-body.u-grey-10,
.u-grey-10 .u-sheet {
  background-color: #eef5f3 !important;
}

/* Main gradient section (interview block) */
.u-section-2.u-gradient {
  background-image: linear-gradient(to bottom, rgba(232, 242, 240, 0.7), rgba(232, 242, 240, 0.5)) !important;
}

/* Section 2 custom gradient from index.css override */
.u-section-2 {
  background-image: linear-gradient(to bottom, rgba(232, 242, 240, 0.6), rgba(232, 242, 240, 0.5)) !important;
}

/* CTA button - Orden Hondrostrong */
.u-palette-2-base.u-button-style,
.u-palette-2-base.u-btn-submit,
.u-section-4 .u-palette-2-base,
.u-section-10 .u-palette-2-base {
  background-color: var(--primary) !important;
  color: #fff !important;
  border-color: var(--primary) !important;
}
.u-palette-2-base.u-button-style:hover,
.u-palette-2-base.u-btn-submit:hover,
.u-palette-2-base.u-button-style:focus,
.u-palette-2-base.u-button-style:active {
  background-color: var(--primary-hover) !important;
  color: #fff !important;
}

/* Names / links in content (palette-1 base) */
.u-text-palette-1-base,
a.u-button-style.u-text-palette-1-base {
  color: var(--primary) !important;
}
.u-text-palette-1-base:hover,
a.u-button-style.u-text-palette-1-base:hover {
  color: var(--primary-dark) !important;
}

/* Decorative line under title */
.u-border-palette-2-dark-2,
.u-line.u-border-palette-2-dark-2 {
  border-color: var(--accent-light) !important;
  background-color: var(--accent-light) !important;
}

/* Advertorial subtitle text */
.u-text-palette-4-dark-2 {
  color: var(--primary-dark) !important;
}

/* Footer - dark teal instead of pure grey */
.u-footer.u-grey-90,
.u-body.u-grey-90,
.u-grey-90 .u-sheet {
  background-color: #1a3c38 !important;
}
.u-grey-90 .u-nav-link,
.u-grey-90 .u-text,
.u-grey-90 a {
  color: #b8d4cf !important;
}
.u-grey-90 .u-button-style.u-grey-90:hover {
  background-color: #1e4842 !important;
  color: #fff !important;
}

/* Timer / counter accent if present */
[style*="--num-active-color"],
[style*="8c7251"] {
  --num-active-color: var(--primary) !important;
}

/* Nav links hover */
.u-header .u-nav-link.u-text-hover-palette-2-base:hover,
.u-header .u-text-active-palette-1-base {
  color: var(--primary) !important;
}