/* Dark theme override — loaded after the Webflow stylesheet.
   Remove the <link> to dark-theme.css in index.html to revert. */

:root {
  --dark-bg: #252e4a; /* #061a57  #0c1c4d */
  --dark-fg: #ffffff;
  --dark-line: #ffffff;
  --hover-bg: #ffffff;      /* button hover background */
  --hover-fg: #061a57;      /* button hover text */

  /* Remap the site's palette: "black" was text/borders/icons, off-whites were backgrounds */
  --base--black: var(--dark-fg);
  --base--off-white-01: var(--dark-bg);
  --base--off-white-02: var(--dark-bg);
  --stoke--grey: #c9d1e6;
}

/* Page + text */
body, .c-body { background-color: var(--dark-bg); color: var(--dark-fg); }

/* Hero image sits at z-index:-1; keep it inside the hero's own stacking context
   so the page background can't paint over it. */
.c-section.hero { isolation: isolate; }
.t-rich-text, .t-rich-text strong, .c-txt-link, .c-nav-link,
.c-form-input, .c-form-textarea, .c-privacy-block, .primary-btn { color: var(--dark-fg); }
.c-privacy-block { background-color: var(--dark-bg); }

/* Footer was black bg + off-white text; with the remap that would flip to white bg */
.c-section.footer { background-color: var(--dark-bg); color: var(--dark-fg); }
.c-portfolio-tag, .c-form-sucess { background-color: var(--dark-fg); color: var(--dark-bg); }

/* Lines + dividers */
.c-line, .c-line.vertical-divider, .c-line.vertical-divider.footer,
.c-line.footer_bt, .c-nav-icon-bar { background-color: var(--dark-line); }

/* Borders */
.c-btn, .c-block-item, .c-pagination, .c-value-arrow, .c-nav-btn,
.c-filter-item, .c-product-cat, .c-user-title, .c-user-content,
.swiper-slide.team-nav, .c-news-item-cat, .c-form-checkbox, .c-form-radio,
.primary-btn { border-color: var(--dark-line); }
.o-row.split-center.partner { border-top-color: var(--dark-line); border-bottom-color: var(--dark-line); }
.c-form-input, .c-form-textarea { border-bottom-color: var(--dark-line); }
.c-footer-list_top, .c-panel { border-top-color: var(--dark-line); }
.c-partner-item { border-bottom-color: var(--dark-line); }
.c-form-input::placeholder, .c-form-textarea::placeholder { color: var(--dark-fg); opacity: .7; }

/* Hard-coded dark icon colors in inline SVGs */
[fill="#181616"] { fill: var(--dark-fg); }
[stroke="#181616"] { stroke: var(--dark-fg); }

/* Header logo (flex-logo.svg is already white; filter kept for any dark logo swapped in) */
.c-logo-img { filter: brightness(0) invert(1); }

/* Button hover: light background, navy text. Redefining --base--black inside
   the hovered button makes its SVG arrows/icons navy too. */
.c-btn:hover, .c-btn.is-large:hover, .c-btn.is-large.filled:hover, .c-btn.contact:hover,
.c-btn.form-submit:hover, .c-btn.load-more:hover, .c-btn.pw:hover,
.c-btn.login:hover, .c-btn.cancel:hover, .c-nav-btn:hover, .c-filter-item:hover,
.swiper-slide.team-nav:hover, .primary-btn:hover, .primary-btn.fill:hover {
  --base--black: var(--hover-fg);
  background-color: var(--hover-bg);
  border-color: var(--hover-bg);
  color: var(--hover-fg);
}
.c-btn:hover *, .c-nav-btn:hover *, .primary-btn:hover * { color: var(--hover-fg); }
.c-btn:hover [fill="#181616"], .c-btn:hover [fill="#EAE7D7"], .c-btn:hover [fill="#fff"] { fill: var(--hover-fg); }
.c-btn:hover [stroke="#181616"] { stroke: var(--hover-fg); }

/* Filled buttons (white at rest after remap) keep navy text */
.c-btn.is-large.filled, .c-btn.form-submit, .c-btn.login { color: var(--dark-bg); }