/*
 * Delta-Komi social palette preview.
 * Colour-only layer: markup, layout, logos and interaction code stay unchanged.
 */
:root {
  --brand-night: #07131d;
  --brand-navy: #0c1c29;
  --brand-slate: #163044;
  --brand-steel: #dfe7ea;
  --brand-mist: #f1f4f5;
  --brand-ink: #0b1b27;
  --brand-muted: #526976;
  --brand-cyan: #12aeca;
  --brand-cyan-dark: #066b80;
  --brand-orange: #ff9d18;
  --brand-orange-deep: #b75500;

  --ink: var(--brand-ink);
  --muted: var(--brand-muted);
  --paper: var(--brand-steel);
  --cyan: var(--brand-cyan);
  --cyan-dark: var(--brand-cyan-dark);
  --line: #c5d1d6;
}

body { background: var(--brand-steel); }
main ::selection { background: var(--brand-orange); color: var(--brand-night); }

.utility-bar,
.nav,
.section-ink,
.section-contact { background: var(--brand-night); }

.footer {
  background: var(--brand-slate);
  border-top: 4px solid var(--brand-cyan-dark);
}

.utility-bar { color: #b9c9d1; }
.site-header,
.hero,
.section-light { background: var(--brand-mist); }
.section-paper { background: var(--brand-steel); }
.nav { border-color: #284252; }
.nav a,
.cabinet-link { color: #bdcbd2; }
.nav a:hover,
.nav a.active,
.cabinet-link:hover { color: #ffffff; }
.nav a.active { border-bottom-color: var(--brand-orange); }
.user-icon { border-color: var(--brand-cyan); color: var(--brand-cyan); }

.hero h1,
.hero-lead,
.hero-proof,
.hero .text-link { color: var(--brand-ink); }
.proof-number,
.text-link span,
.arrow-link span,
.document-row > span:last-child { color: var(--brand-cyan-dark); }

.button-primary { background: var(--brand-orange); color: var(--brand-night); }
.button-primary:hover { background: #ffb23f; color: var(--brand-night); }
.button-dark { background: var(--brand-night); color: #ffffff; }
.button-dark:hover { background: var(--brand-slate); }

.hero-visual::before {
  background: #d9e3e7;
}
.visual-orbit { border-color: #5e8999; }
.orbit-two { border-color: #9ab0b9; }
.visual-note { background: #f8fafb; border-color: #b8c8ce; }

.signal-strip { background: var(--brand-cyan-dark); }
.signal-grid > div { border-color: #65c9d9; }
.signal-grid span { color: #e5fbfd; }

.section-ink,
.section-contact,
.footer { color: #f4f7f8; }
.section-heading > p,
.service-list p,
.contact-grid > div > p:not(.eyebrow) { color: #b9c9d1; }
.eyebrow-light,
.service-num,
.service-list a,
.contact-items a { color: #57c5d8; }
.service-list,
.service-list article { border-color: #365161; }

.open-role,
.contact-form { background: #f8fafb; }
.open-role { border-top-color: var(--brand-orange); }
.document-row:hover { background: #e8eef0; }
.doc-icon { border-color: #8bbbc5; color: var(--brand-cyan-dark); }

.contact-items small,
.footer-label,
.footer-bottom,
.footer .brand small { color: #9fb3bd; }
.contact-form input,
.contact-form textarea { background: #f3f6f7; border-color: #aebfc6; }
.contact-form input:focus,
.contact-form textarea:focus { border-color: var(--brand-cyan-dark); outline: 3px solid #12aeca40; outline-offset: 1px; }
.form-success { background: #e4f2ed; color: #185f48; }

.footer-grid a:hover,
.footer-cabinet:hover { color: var(--brand-orange); }

main :is(a, button):focus-visible,
.site-header :is(a, button):focus-visible,
.footer :is(a, button):focus-visible {
  outline-color: var(--brand-orange);
}

@media (max-width: 800px) {
  .menu-toggle span { background: var(--brand-ink); }
}