:root {
  --ink: #e9edee;
  --muted: #9aa7ae;
  --paper: #141a1f;
  --white: #10151a;
  --green: #3faab6;
  --bright: #72c8d1;
  --red: #b85d62;
  --line: #29343b;
  --dark: #080c0f;
}

body { background: #10151a; color: var(--ink); }
:focus-visible { outline-color: #72c8d1; }
.site-header { border-bottom-color: rgba(170, 194, 205, .15); }
.hero { background: radial-gradient(circle at 75% 24%, #172b33 0, transparent 36%), linear-gradient(120deg, #090d10, #10181d 68%, #0b1418); }
.market-grid { opacity: .045; }
.brand-mark i { background: var(--bright); }
.primary-nav a { color: #b8c2c7; }
.eyebrow, .company-name { color: #aab6bb; }
h1 em, h2 em { color: #73c5cf; }
.hero-text { color: #aeb9be; }
.button-primary { background: #267f8c; }
.button-primary:hover { background: #3195a2; }
.button-secondary { border-color: #52626b; }
.market-visual { border-color: rgba(151, 178, 190, .18); background: rgba(6, 12, 16, .5); box-shadow: 0 24px 70px rgba(0, 0, 0, .22); }
.visual-label, .visual-footer { border-color: rgba(155, 180, 192, .13); color: #778891; }
.visual-label b, .section-number { color: #68bdc7; }
.scroll-cue { color: #718088; }

.about, .contact { background: #10151a; }
.about-copy > p { color: #aeb8bd; }
.about-copy > p:first-child { color: #e9edee; }
.principles { border-color: #2b353c; }
.principles b { color: #63b6c0; }

.operations { background: #141a1f; }
.section-heading > p, .operation-card p, .contact-intro { color: #98a5ab; }
.operation-card { border-color: #2a353c; background: #182027; }
.operation-card:hover { border-color: #4b6470; box-shadow: 0 18px 40px rgba(0, 0, 0, .16); }
.card-top { color: #829097; }
.card-top svg { stroke: #62b5bf; }

.disclosure { background: #111c21; border-color: #263940; }
.disclosure-icon { border-color: #63b7c1; color: #63b7c1; }
.disclosure p:last-child { color: #a5b0b5; }
.contact-details div { border-color: #2a353c; }
.contact-details dt { color: #839198; }
.email-link { color: #74c7d0; }
.site-footer { background: #080c0f; }
.footer-top { border-color: #222d33; }
.footer-top > p { color: #9da8ad; }
.footer-bottom { color: #748087; }
.back-top span { color: #71c3cc; }

@media (max-width: 680px) {
  .primary-nav { background: #090e11; border-color: #263139; }
  .primary-nav a { border-color: #202a30; }
}
