/* DeepDimex — Base */

html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

body {
  font-family: var(--dd-font-sans);
  font-size: var(--dd-body);
  font-weight: var(--dd-weight-regular);
  line-height: var(--dd-leading-body);
  color: var(--dd-text-body);
  background: #000000;
}

p {
  color: rgba(255, 255, 255, 0.7);
}

::selection {
  background: rgba(109, 40, 217, 0.35);
  color: #ffffff;
}

.dd-skip-link {
  position: absolute;
  left: var(--dd-page-padding);
  top: -100px;
  z-index: 1000;
  padding: 0.75rem 1rem;
  background: var(--dd-color-signal);
  color: var(--dd-color-dark);
  font-size: 0.875rem;
  font-weight: var(--dd-weight-medium);
  opacity: 0;
}

.dd-skip-link:focus {
  top: 1rem;
}

.dd-text-muted {
  color: var(--dd-text-muted-on-light);
}

.dd-accent {
  color: var(--dd-brand-solid);
}

.dd-phase-footer {
  border-top: var(--dd-hairline) solid var(--dd-border-dark);
  padding: 2rem 0 3rem;
}

.dd-phase-footer__inner {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}