/* 어나더 지오엑스 — 공통 디자인 토큰 (밝은 iOS + 갈색·골드·초록) */

:root {
  --bg-page: #f2f2f7;
  --bg-card: #ffffff;
  --bg-soft: #f2f2f7;
  --text-primary: #1c1c1e;
  --text-secondary: #636366;
  --text-tertiary: #8e8e93;
  --separator: rgba(60, 60, 67, 0.12);

  --geopus-brown: #8b5e3c;
  --geopus-brown-soft: rgba(139, 94, 60, 0.12);
  --geopus-brown-pressed: #734e32;
  --geopus-gold: #d4a843;
  --geopus-gold-soft: rgba(212, 168, 67, 0.18);
  --geopus-green: #4a9b6e;
  --geopus-green-soft: #e8f5ee;
  --geopus-green-pressed: #3d855c;

  /* 기존 모듈 호환: ios-blue 변수를 브랜드 갈색으로 매핑 */
  --ios-blue: var(--geopus-brown);
  --ios-blue-soft: var(--geopus-brown-soft);
  --ios-blue-pressed: var(--geopus-brown-pressed);
  --accent: var(--geopus-brown);
  --accent-soft: var(--geopus-brown-soft);
  --accent-strong: var(--geopus-brown-pressed);
  --accent-green: var(--geopus-green);
  --accent-gold: var(--geopus-gold);

  --radius-card: 20px;
  --radius-lg: 20px;
  --radius-md: 20px;
  --radius-field: 14px;
  --radius-pill: 980px;
  --shadow-soft: 0 2px 20px rgba(0, 0, 0, 0.06);
  --shadow-card: var(--shadow-soft);
  --shadow-modal: 0 16px 48px rgba(0, 0, 0, 0.14);
  --shadow-game: 0 5px 0 rgba(139, 94, 60, 0.22);
  --shadow-game-gold: 0 5px 0 rgba(180, 130, 40, 0.28);
  --shadow-game-green: 0 5px 0 rgba(61, 133, 92, 0.28);
  --radius-game: 18px;
  --font-sans: "Pretendard", -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Apple SD Gothic Neo", system-ui, sans-serif;
  --font: var(--font-sans);
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 20px;
  --space-lg: 28px;
  --space-xl: 40px;
  --max-width: 1200px;
  --map-game-aspect: 16 / 9;
  --map-game-ui-reserve: 220px;
  --ease-spring: cubic-bezier(0.34, 1.4, 0.64, 1);
}