/*
  COLORS FOR INDEX(5).HTML (FortifyNetworks)
  Brand palette: Deep Navy, White, Blue
  This file is isolated for index(5).html only.
*/
@charset "utf-8";

:root {
  --brand-navy: #0a1833;
  --brand-blue: #4169e1;
  --brand-white: #fff;
}

/* Topbar and menu active/hover states */
.grax_tm_all_wrap[data-color="blue"] .grax_tm_topbar .menu ul li.current a,
.grax_tm_all_wrap[data-color="blue"] .grax_tm_topbar .menu ul li a:hover {
  color: var(--brand-blue);
}

/* Section accent */
.grax_tm_all_wrap[data-color="blue"] .grax_tm_title_holder span {
  color: var(--brand-blue);
}

/* Buttons */
.grax_tm_all_wrap[data-color="blue"] .grax_tm_button a {
  background-color: var(--brand-blue);
  border-color: var(--brand-blue);
  color: var(--brand-white);
}

/* News hover */
.grax_tm_all_wrap[data-color="blue"] .grax_tm_news .news_list ul li .details .title a:hover,
.grax_tm_all_wrap[data-color="blue"] .grax_tm_news .news_list ul li .details .date a:hover {
  color: var(--brand-blue);
}

/* Cursor */
.grax_tm_all_wrap[data-color="blue"] .cursor-inner.cursor-hover,
.grax_tm_all_wrap[data-color="blue"] .cursor-inner {
  background-color: var(--brand-blue);
}
.grax_tm_all_wrap[data-color="blue"] .cursor-outer {
  border-color: var(--brand-blue);
}

/* Progress bar */
.grax_tm_all_wrap[data-color="blue"] .progress_inner .background .bar_in {
  background: var(--brand-blue);
}

/* Backgrounds and text */
body {
  background: var(--brand-navy);
  color: var(--brand-white);
}

/* Card backgrounds */
.section-card, .about-card, .portfolio-card, .product-card, .news-card {
  background: rgba(10, 24, 51, 0.98);
  color: var(--brand-white);
  border-radius: 1.2rem;
}

/* Footer */
footer {
  background: var(--brand-navy);
  color: var(--brand-white);
}

/* Add more overrides as needed for index(5).html only */