:root {
  --due-blue: #0064ad;
  --due-text: #333333;
  --due-muted: #6b7280;
  --due-bg: #ffffff;
  --due-surface: #f6f7f9;
  --due-line: #e5e7eb;
  --due-shadow: 0 12px 34px rgba(0, 0, 0, 0.1);
  --due-radius: 16px;
  --due-max: 1160px;
}

.due-home,
.due-home button,
.due-home input,
.due-home select,
.due-home textarea {
  font-family: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

.due-home {
  color: var(--due-text);
  background: var(--due-bg);
  line-height: 1.5;
}

.due-home__container {
  width: min(var(--due-max), calc(100% - 48px));
  margin: 0 auto;
}

.due-home h1,
.due-home h2,
.due-home h3 {
  color: var(--due-text);
  font-weight: 700;
}

.due-home p,
.due-home li,
.due-home a {
  color: var(--due-text);
}