/* 펭구오픽 디자인 토큰
 * 전역 안전 — 변수 정의만 함. 기존 페이지 영향 없음.
 * 정식 펭귄 마스코트 자산이 확정되면 --mascot-* 변수만 교체하면 됨.
 */

:root {
  /* === Color === */
  --color-bg:           #F4FBFF;
  --color-surface:      #FFFFFF;
  --color-ice-blue:     #BEE9F7;
  --color-mint:         #CFF7EA;
  --color-mint-strong:  #6DD3A0;
  --color-accent-blue:  #61C8F3;
  --color-navy:         #243B53;
  --color-navy-soft:    #34526F;
  --color-muted:        #8AA6B8;
  --color-border-soft:  rgba(190, 233, 247, 0.55);

  /* === Semantic === */
  --color-text:         var(--color-navy);
  --color-text-muted:   var(--color-muted);
  --color-cta-bg:       var(--color-navy);
  --color-cta-fg:       #FFFFFF;
  --color-cta-bg-hover: var(--color-navy-soft);
  --color-secondary-border: var(--color-ice-blue);

  /* === Typography === */
  --font-family-base:   -apple-system, BlinkMacSystemFont, 'Pretendard', 'Apple SD Gothic Neo',
                        'Segoe UI', 'Noto Sans KR', sans-serif;
  --font-size-xs:       0.78rem;
  --font-size-sm:       0.88rem;
  --font-size-base:     1rem;
  --font-size-lg:       1.15rem;
  --font-size-xl:       1.5rem;
  --font-size-2xl:      2rem;
  --line-height-tight:  1.3;
  --line-height-base:   1.5;
  --line-height-loose:  1.7;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-bold:   700;

  /* === 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;

  /* === Radius === */
  --radius-sm:   8px;
  --radius-md:   14px;
  --radius-lg:   20px;
  --radius-pill: 999px;

  /* === Shadow === */
  --shadow-soft: 0 2px 8px rgba(36, 59, 83, 0.06);
  --shadow-card: 0 4px 16px rgba(36, 59, 83, 0.08);
  --shadow-cta:  0 6px 18px rgba(36, 59, 83, 0.22);

  /* === Mascot (교체 지점) === */
  --mascot-emoji: "🐧";
}