/* ============================================
   비버챌린지 디자인 토큰 (M0)
   색상, 폰트, 공통 레이아웃
   ============================================ */

/* ── 1. 폰트 (Google Fonts) ── */
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

/* ── 2. 색상 토큰 ── */
:root {
  /* Primary */
  --primary: #8b5cf6;
  --primary-dark: #7c3aed;
  --primary-light: #a78bfa;
  --primary-soft: rgb(139 92 246 / 12.5%);

  /* Secondary */
  --secondary: #f472b6;
  --secondary-dark: #ec4899;
  --secondary-soft: rgb(244 114 182 / 12.5%);

  /* Tertiary */
  --tertiary: #14b8a6;
  --tertiary-dark: #0d9488;
  --tertiary-soft: rgb(20 184 166 / 12.5%);

  /* Background */
  --bg-page: #fff;
  --bg-card: #fafafa;
  --bg-section: #fafcff;
  --bg-dark: #18181b;
  --bg-error: #fef2f2;
  --bg-success: #ecfdf5;

  /* Text */
  --text-primary: #18181b;
  --text-secondary: #71717a;
  --text-subtle: #52525b;
  --text-tertiary: #a1a1aa;
  --text-on-primary: #fff;
  --text-on-primary-muted: rgb(255 255 255 / 70%);
  --text-error: #dc2626;
  --text-success: #059669;

  /* Border */
  --border: #e8e8ec;
  --border-light: #f0f0f2;

  /* Info / Accent */
  --info: #0284c7;

  /* Status */
  --status-success: #10b981;
  --status-error: #ef4444;
}

/* ── 3. 공통 레이아웃 ── */
.page {
  width: 1440px;
  margin: 0 auto;
  background: var(--bg-page);
  box-sizing: border-box;
}

.section {
  padding: 64px 80px;
  width: 100%;
  box-sizing: border-box;
}