:root {
  --sg-text-dark: #0f172a;
  --sg-text-regular: #4b5563;
  --sg-text-muted: #94a3b8;
  --sg-border-light: #e5e7eb;
  --sg-blue-500: #2f8fe0;

  --sg-font-heading: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
  --sg-font-body: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;

  --sg-radius-lg: 20px;
  --sg-radius-md: 12px;
  --sg-content-padding: 24px;
  --sg-section-max-width: 1200px;
}

@media (max-width: 640px) {
  :root { --sg-content-padding: 16px; }
}

.sg-section-frame {
  max-width: var(--sg-section-max-width);
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

.sg-full-bleed {
  width: auto;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  overflow-x: hidden;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}