@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css");
@import url("https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700&display=swap");

:root {
  --bg: #0b1020;
  --card: #141b2d;
  --card-2: #0f172a;
  --card-border: rgba(148,163,184,.18);
  --text: #e2e8f0;
  --muted: #94a3b8;
  --accent: #f59e0b;
  --accent-2: #22c55e;
  --primary: linear-gradient(90deg, #f59e0b, #22c55e);
  --bg-grad-1: #0ea5e933;
  --bg-grad-2: #f9731633;
  --btn-sub-bg: #0f172a;
  --btn-sub-text: var(--text);
  --shadow: 0 20px 50px rgba(15,23,42,.35);
}

[data-theme="light"] {
  --bg: #f8fafc;
  --card: #ffffff;
  --card-2: #f1f5f9;
  --card-border: rgba(15,23,42,.12);
  --text: #0f172a;
  --muted: #475569;
  --accent: #f97316;
  --accent-2: #0ea5e9;
  --primary: linear-gradient(90deg, #f97316, #0ea5e9);
  --bg-grad-1: #f59e0b22;
  --bg-grad-2: #38bdf822;
  --btn-sub-bg: #ffffff;
  --btn-sub-text: #0f172a;
  --shadow: 0 12px 30px rgba(15,23,42,.12);
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  background: radial-gradient(800px 400px at 15% 0%, var(--bg-grad-1), transparent),
              radial-gradient(900px 500px at 85% 100%, var(--bg-grad-2), transparent),
              var(--bg);
  color: var(--text);
  font-family: "Pretendard", "Noto Sans KR", "Apple SD Gothic Neo", sans-serif;
}

h1, h2, h3, .brand {
  font-family: "Sora", "Pretendard", "Noto Sans KR", sans-serif;
  margin: 0;
}

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

.top-lang-select {
  min-width: 140px;
}