:root {
  --brand-50: #f3f8ff;
  --brand-100: #dbeafe;
  --brand-200: #bfdbfe;
  --brand-300: #93c5fd;
  --brand-400: #60a5fa;
  --brand-500: #3b82f6;
  --brand-600: #2563eb;
  --brand-700: #1d4ed8;
  --surface: #ffffff;
  --surface-muted: rgba(255, 255, 255, 0.78);
  --surface-soft: rgba(255, 255, 255, 0.35);
  --border: rgba(56, 102, 223, 0.12);
  --text: #0f172a;
  --text-muted: #475569;
  --shadow-soft: 0 24px 45px -24px rgba(37, 99, 235, 0.35);
  --shadow-strong: 0 48px 80px -40px rgba(30, 64, 175, 0.45);
}

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

body {
  margin: 0;
  font-family: 'SUIT', 'Noto Sans KR', 'Apple SD Gothic Neo', sans-serif;
  color: var(--text);
  background: linear-gradient(180deg, #f8fbff 0%, #eef4ff 40%, #f7fbff 100%);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

.site-body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

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

a:hover {
  color: var(--brand-600);
}

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

.wrap {
  width: min(1100px, 92vw);
  margin: 0 auto;
}