/* Default screen theme. Print keeps the original light palette. */
:root {
  color-scheme: dark;
  --ink: #e5f0fa;
  --text: #bfd0e0;
  --muted: #9cafc0;
  --blue: #91bfff;
  --blue-dark: #b4d4ff;
  --line: #343b43;
  --paper: #111315;
  --wash: #191d21;
  --warm: #1b2229;
}
html, body { background: var(--paper); }
::selection { background: #2d5f91; color: #fff; }
a:focus-visible, button:focus-visible { outline-color: #f4c06c; }
.skip-link { background: #233b50; color: #fff; }
.header { background: #111315f5; }
.header.is-scrolled { box-shadow: 0 5px 24px #0005; }
@supports (backdrop-filter: blur(18px)) { .header { background: #111315eb; } }
.brand-symbol { background: #152d48; color: #e5f0fa; box-shadow: 0 5px 14px #0003; }
.navigation .nav-contact { background: #20262c; color: #d7e9fc; }
.navigation .nav-contact:hover { background: #2a3540; border-color: #7793ad; }
.hero { background: radial-gradient(ellipse at 88% 28%,#233342 0,transparent 53%),linear-gradient(130deg,#111315 30%,#1d252b); }
.hero::before { background-image: linear-gradient(#90a4be06 1px,transparent 1px),linear-gradient(90deg,#90a4be06 1px,transparent 1px); }
.hero h1 span { color: #82aff1; background-image: linear-gradient(110deg,#82aff1,#69c1d7); }
.button-primary { background: linear-gradient(120deg,#245990,#244e85); border-color: #6089b2; color: #fff; box-shadow: 0 5px 15px #0003; }
.button-primary:hover { background: #2d659e; }
.button:hover { box-shadow: 0 9px 25px #0004; }
.capability-explorer { border-color: #57728c; box-shadow: 0 22px 60px #0004; }
.capability { background: linear-gradient(145deg,#16191c,#1e2226); }
.capability-icon { color: #9dc5fa; border-color: #424e5a; background: linear-gradient(135deg,#25303a,#20282f); box-shadow: inset 0 1px #ffffff08; }
.work-section { background: #191d21; background-image: radial-gradient(ellipse at 100% 0,#25344333,transparent 50%); }
.project { background: #14191e; box-shadow: 0 4px 14px #0002; }
.project:hover { border-color: #536574; box-shadow: 0 14px 35px #0003; }
.status { background: #202932; color: #bdcedc; border-color: #52606e; }
.delivery-steps li:not(:last-child)::before { background: #60758a; }
.delivery-steps li:not(:last-child)::after { background: linear-gradient(90deg,#73b2e8,#75d6e6); }
.delivery-steps .step-number, .delivery-steps li:hover .step-number { background: #275b92; color: #fff; border-color: #8bc7f0; }
.motion-enabled .delivery-steps li:not(.is-active) .step-number,
.motion-enabled .delivery-steps li:not(.is-active):hover .step-number { background: #202a33; color: #b5c7d6; border-color: #60758a; }
.button-light { background: #245990; color: #fff; border: 1px solid #7c9cb9; }
.button-light:hover { background: #2d659e; }
.contact-card { border-color: #637e98; }
@media (max-width:800px) {
  .delivery-steps li:not(:last-child)::after { background: linear-gradient(#73b2e8,#75d6e6); }
}