:root {
  color-scheme: light;
  --font: "Pretendard", "Noto Sans KR", system-ui, sans-serif;
  --navy: #102a43;
  --primary: #1d4ed8;
  --primary2: #2563eb;
  --teal: #0f766e;
  --accent: #facc15;
  --bg: #fff;
  --soft: #f6f9fd;
  --surface: #fff;
  --text: #172033;
  --muted: #64748b;
  --border: #dbe3ee;
  --shadow: 0 18px 48px rgba(15, 23, 42, 0.1);
  --r-sm: 12px;
  --r-md: 18px;
  --r-lg: 28px;
  --s1: 0.5rem;
  --s2: 1rem;
  --s3: 1.5rem;
  --s4: 2rem;
  --s5: 3rem;
  --s6: 4rem;
  --container: 1180px;
}
[data-theme="dark"] {
  color-scheme: dark;
  --bg: #07111f;
  --soft: #0b1728;
  --surface: #0f2034;
  --text: #f8fafc;
  --muted: #aab8cb;
  --border: #29405c;
  --shadow: 0 18px 48px rgba(0, 0, 0, 0.32);
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  font-family: var(--font);
  background: var(--bg);
  color: var(--text);
  line-height: 1.7;
  transition: 0.25s;
}
a {
  color: inherit;
  text-decoration: none;
}
img {
  max-width: 100%;
  display: block;
}
h1,
h2,
h3,
p {
  margin-top: 0;
}
h1,
h2,
h3 {
  letter-spacing: -0.035em;
}
button,
input,
select,
textarea {
  font: inherit;
}
:focus-visible {
  outline: 3px solid #93c5fd;
  outline-offset: 3px;
}