/* Calm, unified corporate palette — navy / blue / blue-grey / white. */
:root { --valu-navy: #073b64; --valu-blue: #166a96; --valu-blue-soft: #e8eff3; --valu-grey-blue: #d5e0e6; --valu-line: #bdcdd6; --valu-green: #1aa25b; }
body { background: #fff; color: #123b59; }
body .site-header { background: #fbfcfdee; border-bottom-color: #d2dde3; }
body .site-header nav a:hover { color: var(--valu-blue); }
body .lang { border-color: #9fb3bf; color: var(--valu-navy); }

/* One confident navy opening, with restrained teal only inside the image treatment. */
body .hero { background: #073b64; }
body .hero::before { background: linear-gradient(90deg, #052d4fe9 0%, #083e66d4 48%, #166a8666 100%); }
body .hero-art { background: linear-gradient(135deg, #0a507a, #1d8094); }
body .hero .primary { background: var(--valu-green); }
body .hero .eyebrow { color: #b6e9cc; }
body .trust { background: #e3ebef; }
body .trust p { color: var(--valu-blue); }

/* Alternating white and blue-grey chapters. */
body #about.intro { background: #fff; }
body #about .intro-text { border-color: #c4d3db; border-left-color: var(--valu-blue); box-shadow: 12px 12px 0 #e2ebef, 0 16px 34px #17496010; }
body .solutions { background: #e4ecef; }
body .solution-grid article,body .solution-grid article:nth-child(2),body .solution-grid article:nth-child(3) { border-color: #aebfca; box-shadow: 0 10px 24px #153f5518; }
body .products { background: #fff; }
body .product-listing { background: #f3f6f8; }
body .catalog-detail { background: #e6eef2; }
body .catalog-brand-tabs { border-bottom-color: #b9c9d2; }
body .catalog-brand-tabs button.active { color: var(--valu-blue); border-bottom-color: var(--valu-green); }

/* Culture and business share a neutral blue-grey family without competing gradients. */
body .culture-section { background: #e5edf1; }
body .culture-grid .culture-lead { background: linear-gradient(145deg, #0a486f 0%, #146a91 68%, #2e8494 100%); }
body .business-section { background-color: #d2e0e7; background-image: linear-gradient(90deg, #e9f0f3 0%, #dfeaf0e8 48%, #bdd0dba8 100%), url("assets/core-business-circuit.png"); }
body .business-grid { background: #8eabbc; border-color: #8eabbc; }
body .business-grid article:nth-child(1) { background-image: linear-gradient(145deg, #0e5686 0%, #347ba4 100%); }
body .business-grid article:nth-child(2) { background-image: linear-gradient(145deg, #16648f 0%, #4389ad 100%); }
body .business-grid article:nth-child(3) { background-image: linear-gradient(145deg, #21708f 0%, #4c94a4 100%); }
body .business-grid article:nth-child(4) { background-image: linear-gradient(145deg, #23756a 0%, #4d9883 100%); }
body .business-grid article span { color: #c9eed9; }
body .strength-section { background: #fff; }
body .strength-list { border-top-color: #7f9daf; }
body .strength-list article { border-bottom-color: #d4dfe5; }

/* Chapters after the core content land on softened blue-grey and white. */
body .timeline-section { background: #e4ecef; }
body .timeline-section > .section-heading h2 { color: #123b59; }
body .timeline-section > .section-heading .eyebrow { color: var(--valu-green); }
body .timeline-section .timeline::before { background: linear-gradient(#166a96 0%, #8daebf 54%, #1aa25b 100%); }
body .timeline-section .timeline article .timeline-paper::before { border-color: #e4ecef; }
body .contact { background: linear-gradient(90deg, #fff 0 58%, #d9e4e9 58%); }
body footer { background: #f5f8fa; border-top-color: #d4dfe5; }

@media (max-width: 800px) {
  body .business-section { background-image: linear-gradient(180deg, #e9f0f3 0%, #dfeaf0e8 58%, #bdd0dbb0 100%), url("assets/core-business-circuit.png"); }
  body .contact { background: linear-gradient(180deg, #fff 0 56%, #d9e4e9 56%); }
}
