:root {
  --ca-background: #050a0f;
  --ca-panel: #0b1219;
  --ca-panel-raised: #101a23;
  --ca-line: rgba(255,255,255,.12);
  --ca-white: #f6f8fa;
  --ca-muted: #a9b7c3;
  --ca-orange: #ff7a1a;
  --ca-orange-light: #ff9d52;
  --ca-teal: #2be0cf;
}
html { scroll-behavior: smooth; }
body { background: var(--ca-background); }
#header-component { border-bottom: 1px solid var(--ca-line); }
.header-logo { max-width: min(19rem, 55vw); }
.header-logo__image { max-width: 100%; }
.header__row { background: #050a0f; }
footer { border-top: 1px solid var(--ca-line); }