/* ==========================================================================
   간다GO 디자인 토큰 — 프리미엄 다크 네이비 + 오렌지 팔레트
   컴포넌트는 style.css, 색·간격·타이포 값은 전부 이 파일에서 관리합니다.
   ========================================================================== */
:root {
  /* Surface */
  --c-bg: #0a1322;
  --c-bg-deep: #060d18;
  --c-surface: #101d31;
  --c-surface-2: #15243c;
  --c-surface-3: #1b2d4a;
  --c-border: rgba(255, 255, 255, 0.09);
  --c-border-strong: rgba(255, 255, 255, 0.16);

  /* Brand accent */
  --c-accent: #ff7a1c;
  --c-accent-2: #ff9a3d;
  --c-accent-deep: #f56300;
  --c-accent-soft: rgba(255, 122, 28, 0.14);
  --c-accent-line: rgba(255, 122, 28, 0.45);
  --grad-accent: linear-gradient(135deg, #ff8a2a 0%, #ff6a00 100%);

  /* Text */
  --c-text: #eaf1fb;
  --c-text-sub: #b9c6d9;
  --c-text-muted: #8496ae;
  --c-text-on-accent: #14100b;

  /* Typography */
  --font-sans: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont,
    'Segoe UI', Roboto, 'Noto Sans KR', 'Malgun Gothic', sans-serif;
  --fs-h1: clamp(1.7rem, 4.2vw, 2.5rem);
  --fs-h2: clamp(1.3rem, 2.8vw, 1.7rem);
  --fs-h3: 1.1rem;
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --lh-body: 1.75;
  --lh-tight: 1.3;

  /* Spacing */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;

  /* Radius & shadow */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-pill: 999px;
  --shadow-card: 0 10px 30px rgba(3, 8, 16, 0.45);
  --shadow-accent: 0 8px 24px rgba(255, 106, 0, 0.35);

  /* Layout */
  --w-content: 1120px;
  --w-narrow: 820px;
  --header-h: 64px;
}