:root {
  --color-brand-primary: #0B5FFF;
  --color-brand-primary-hover: #0848C2;
  --color-text-default: #111827;
  --color-surface-bg: #FFFFFF;
  --radius-md: 8px;
  --space-4: 16px;
  --space-5: 20px;
}

body {
  margin: 0;
  font-family: "Inter", system-ui, sans-serif;
  color: var(--color-text-default);
  background: var(--color-surface-bg);
}

.container { max-width: 1200px; margin: 0 auto; padding: var(--space-5); }
.display   { font-size: 48px; font-weight: 700; line-height: 56px; letter-spacing: -0.02em; }
.body      { font-size: 16px; line-height: 24px; }

.btn-primary {
  background: var(--color-brand-primary);
  color: #fff;
  border: 0;
  border-radius: var(--radius-md);
  padding: 12px 20px;
  font: inherit;
  cursor: pointer;
}
.btn-primary:hover { background: var(--color-brand-primary-hover); }