/* iOS 26 Design Tokens — Light only */
:root {
  /* iOS System Colors */
  --ios-blue: #007AFF;
  --ios-blue-pressed: #0051D5;
  --ios-blue-soft: #E8F0FE;
  --ios-pink: #FF2D55;
  --ios-green: #34C759;
  --ios-green-soft: #E5F8EA;
  --ios-red: #FF3B30;
  --ios-orange: #FF9500;
  --ios-purple: #AF52DE;
  --ios-yellow: #FFCC00;
  --ios-gray: #8E8E93;

  /* Labels */
  --label: #1C1C1E;
  --secondary-label: rgba(60, 60, 67, 0.60);
  --tertiary-label: rgba(60, 60, 67, 0.30);
  --quaternary-label: rgba(60, 60, 67, 0.18);

  /* Backgrounds */
  --bg-primary: #F2F2F7;          /* iOS grouped */
  --bg-secondary: #FFFFFF;
  --bg-tertiary: #F9F9FB;
  --bg-elevated: rgba(255, 255, 255, 0.72);
  --bg-overlay: rgba(0, 0, 0, 0.4);
  --separator: rgba(60, 60, 67, 0.12);
  --separator-opaque: #C6C6C8;

  /* Radius (continuous "squircle") */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 22px;
  --radius-2xl: 28px;
  --radius-full: 9999px;

  /* Shadows (subtle, iOS-style) */
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04), 0 2px 8px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 8px 28px rgba(0, 0, 0, 0.10);
  --shadow-pop: 0 12px 32px rgba(0, 0, 0, 0.12);

  /* Typography (Pretendard) */
  --font: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;

  /* Type scale (iOS HIG inspired) */
  --t-largeTitle-size: clamp(26px, 3vw, 32px);
  --t-largeTitle-weight: 700;
  --t-title-size: clamp(20px, 2.4vw, 24px);
  --t-title-weight: 700;
  --t-title2-size: clamp(18px, 2vw, 20px);
  --t-title2-weight: 600;
  --t-headline-size: clamp(15px, 1.6vw, 17px);
  --t-headline-weight: 600;
  --t-body-size: clamp(14px, 1.5vw, 16px);
  --t-callout-size: 15px;
  --t-subhead-size: 14px;
  --t-footnote-size: 13px;
  --t-caption-size: 12px;

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* Effects */
  --blur-strong: saturate(180%) blur(20px);
  --blur-light: saturate(150%) blur(12px);
  --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-default: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-spring: 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Layout */
  --container-max: 1200px;
  --container-px: clamp(16px, 4vw, 32px);
  --header-height: 56px;
  --touch-target: 44px;
}

/* iOS Safari가 자동 다크 모드를 강제하지 못하도록 명시 */
html {
  color-scheme: light;
}