:root {
  --wbt-white: #ffffff;
  --wbt-ink: #08091f;
  --wbt-navy: #06081d;
  --wbt-surface-dark: #0b0f34;
  --wbt-muted: #596078;
  --wbt-border: #dfe3ef;
  --wbt-blue: #3237e6;
  --wbt-violet: #6557f2;
  --wbt-violet-soft: #f1f0ff;
  --wbt-success: #157f56;
  --wbt-error: #b4233a;
  --wbt-gradient: linear-gradient(135deg, var(--wbt-navy) 0%, var(--wbt-blue) 68%, var(--wbt-violet) 100%);
  --wbt-font: Inter, Manrope, Montserrat, "Segoe UI", Arial, sans-serif;
  --wbt-container: min(1440px, calc(100% - 8vw));
  --wbt-section-space: clamp(5rem, 8vw, 8rem);
  --wbt-focus: 0 0 0 3px rgba(50, 55, 230, 0.28);
  --wbt-shadow: 0 22px 52px rgba(8, 9, 31, 0.14), 0 5px 14px rgba(8, 9, 31, 0.08);
}

@media (max-width: 600px) {
  :root {
    --wbt-container: calc(100% - 48px);
    --wbt-section-space: clamp(4rem, 18vw, 5.5rem);
  }
}