:root{
  --font-main: 'Pretendard', 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif;
  --color-bg: #f4f6ff;
  --color-surface: #ffffff;
  --color-surface-soft: #edf2ff;
  --color-border: #d4ddff;
  --color-text: #16213f;
  --color-subtle: #5f6986;
  --color-primary: #4557f7;
  --color-primary-dark: #293bb6;
  --color-accent: #ff9f1c;
  --color-success: #1fbe6a;
  --color-danger: #f44336;
  --shadow: 0 10px 26px rgba(18, 31, 73, 0.09);
  --radius-lg: 20px;
  --radius-md: 12px;
  --radius-sm: 8px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 28px;
}

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

body{
  margin: 0;
  background: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-main);
}

button{
  font: inherit;
  cursor: pointer;
}

button:focus-visible,
input:focus-visible,
textarea:focus-visible{
  outline: 2px solid rgba(69, 87, 247, 0.4);
  outline-offset: 2px;
}