:root {
  --bg: #f4f5f7;
  --panel: #ffffff;
  --panel-muted: #f8f9fb;
  --text: #16181d;
  --muted: #6b7280;
  --line: #d9dee7;
  --primary: #111827;
  --primary-contrast: #ffffff;
  --secondary: #eef1f5;
  --secondary-text: #111827;
  --success-bg: #ecfdf3;
  --success-text: #166534;
  --error-bg: #fef2f2;
  --error-text: #991b1b;
  --radius: 18px;
  --shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
  --content-width: 860px;
  --content-wide-width: 1100px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
}

* {
  box-sizing: border-box;
}

html {
  font-size: 16px;
  overflow-y: scroll;
  scrollbar-gutter: stable;
}

body {
  margin: 0;
  font-family: Inter, Arial, sans-serif;
  color: var(--text);
  background: var(--bg);
}

a {
  color: #CF418A;
  text-decoration: none;
}

button,
input,
textarea {
  font: inherit;
}

strong {
  font-weight: 700;
}