:root {
  --bg-white: #ffffff;
  --bg-soft: #f6f9fd;
  --bg-dark: #07111f;
  --sb-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --sb-text-primary: #111827;
  --sb-text-secondary: #4b5563;
  --sb-surface-page: var(--bg-white);
  --sb-surface-clean: var(--bg-white);
  --sb-surface-soft: var(--bg-soft);
  --sb-surface-dark: var(--bg-dark);
  --sb-border-soft: #dbe5f2;
  --sb-blue: #1572e8;
  --sb-green: #31ce36;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  color: var(--sb-text-primary);
  background: var(--sb-surface-page);
  font-family: var(--sb-font-sans);
}

body.sb-mobile-menu-open {
  overflow: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover,
a:focus,
a:active,
summary:hover,
summary:focus,
summary:active {
  text-decoration: none;
}

img,
svg {
  display: block;
  max-width: 100%;
}