:root {
  --color-bg: #f6f8fb;
  --color-surface: #ffffff;
  --color-border: #dbe0ea;
  --color-primary: #1b64f2;
  --color-primary-dark: #144bc1;
  --color-text: #1f2d3d;
  --color-subtle: #6b7a99;
  --radius-lg: 20px;
  --radius-md: 14px;
  --radius-sm: 8px;
  --shadow-soft: 0 18px 40px -24px rgba(31, 45, 61, 0.4);
  --transition-fast: 0.15s ease;
}

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  background: var(--color-bg);
  color: var(--color-text);
  font-family: "Pretendard", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

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

a:hover {
  text-decoration: none;
}

button {
  font: inherit;
  cursor: pointer;
}

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

input, textarea, select {
  font: inherit;
}

.hidden {
  display: none !important;
}