:root {
  --font-sans: "Pretendard", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --font-display: "SUIT", "Pretendard", "Noto Sans KR", sans-serif;

  --fg-1: #0a2540;
  --fg-2: #324b66;
  --fg-3: #5f7997;
  --fg-4: #8ca2bd;

  --accent: #2f80ed;
  --accent-600: #1f6fd6;
  --accent-400: #5a9ef4;
  --accent-050: #edf5ff;

  --ok: #18a66a;
  --ok-050: #e9f9f2;
  --warn: #d49b2d;
  --warn-050: #fff6e5;
  --err: #d64545;
  --err-050: #ffefef;

  --surface-glass: rgba(255, 255, 255, 0.62);
  --bg-sky-gradient: linear-gradient(135deg, #eef6ff 0%, #d9e8f8 55%, #cadeef 100%);

  --border-hairline: rgba(10, 37, 64, 0.14);
  --border-hairline-2: rgba(10, 37, 64, 0.08);
  --border-inner: rgba(255, 255, 255, 0.7);

  --shadow-xs: 0 1px 2px rgba(10, 37, 64, 0.08);
  --shadow-sm: 0 8px 22px rgba(10, 37, 64, 0.10);
  --shadow-md: 0 16px 36px rgba(10, 37, 64, 0.12);
  --shadow-lg: 0 18px 44px rgba(10, 37, 64, 0.18);
}

html, body {
  font-family: var(--font-sans);
  color: var(--fg-1);
  background: #eef6ff;
}