/* ==========================================================================
   솔로랜드 랜딩페이지 — 디자인 토큰
   glam 톤: 핫핑크 + 블랙 + 화이트. 각진 형태, 그림자 없는 평면 경계.
   ========================================================================== */

:root {
  /* ---- Color: base ---- */
  --color-paper: #ffffff;
  --color-paper-dim: #fff4f8;
  --color-ink: #0a0a0a;
  --color-ink-deep: #000000;
  --color-text: #0a0a0a;
  --color-text-muted: #6b6b6f;
  --color-text-faint: #8a8a8e;
  --color-text-inverse: #ffffff;
  --color-text-inverse-muted: rgba(255, 255, 255, 0.64);
  --color-line: #eaeaea;
  --color-line-strong: #d8d8db;
  --color-line-on-ink: rgba(255, 255, 255, 0.16);

  /* ---- Color: brand ---- */
  --color-primary: #ff1b6d;
  --color-primary-strong: #ff0080;
  --color-primary-dim: #ffe3ee;
  --color-on-primary: #ffffff;

  /* ---- Color: semantic ---- */
  --color-success: #1f8a4c;
  --color-warning: #b3823b;
  --color-error: #d1264f;

  /* ---- Typography ---- */
  --font-sans:
    "Pretendard Variable", Pretendard, "Inter", -apple-system, BlinkMacSystemFont,
    "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  --font-mono: "Inter", "Pretendard Variable", sans-serif;

  --fs-11: 0.6875rem;
  --fs-12: 0.75rem;
  --fs-13: 0.8125rem;
  --fs-14: 0.875rem;
  --fs-16: 1rem;
  --fs-18: 1.125rem;
  --fs-20: 1.25rem;
  --fs-24: 1.5rem;
  --fs-28: 1.75rem;
  --fs-32: 2rem;
  --fs-40: 2.5rem;
  --fs-56: 3.5rem;
  --fs-72: 4.5rem;
  --fs-88: 5.5rem;

  /* ---- Spacing (8px grid) ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --space-32: 128px;
  --space-40: 160px;

  /* ---- Layout ---- */
  --container-max: 1200px;
  --container-pad: var(--space-6);
  --header-h: 80px;
  --header-h-mobile: 64px;

  /* ---- Radius: 이 사이트는 각진 형태가 기본값. 0으로 고정 ---- */
  --radius-none: 0px;

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-soft: cubic-bezier(0.4, 0.2, 0.3, 1);
  --dur-fast: 150ms;
  --dur-base: 250ms;
  --dur-slow: 480ms;

  /* ---- Z-index ----
     헤더가 모바일 메뉴보다 위에 있어야 햄버거 버튼으로 다시 닫을 수 있다. */
  --z-header: 100;
  --z-progress: 105;
  --z-mobile-menu: 95;
  --z-sticky-cta: 90;

  color-scheme: light;
}