:root {
  --color-primary: #0b5cff;
  --color-primary-dark: #075bff;
  --color-bg: #f6f9ff;
  --color-text: #101828;
  --color-text-muted: #667085;
  --color-text-secondary: #475467;
  --color-text-body: #344054;
  --color-border: #e7ecf5;
  --color-border-input: #d0d8e8;
  --color-logo-dark: #102a43;
  --layout-max: 1180px;
  --breakpoint-md: 900px;
}

.wrap {
  width: var(--layout-max);
  margin: 0 auto;
}

@media (max-width: 900px) {
  .wrap {
    width: 92%;
  }
}