/*
 * THEME: airbnb  (SPEC.md §3.2)
 * §14-6 한 바퀴 검증용으로 두번째 테마. coinbase와 시각적으로 명확히 달라야 한다 (drop-down 교체 효과 검증).
 * 출신: Airbnb 디자인 시스템 (수동 수확).
 */

:root {
  /* ===== 색: 액션 ===== */
  --c-action:            #ff385c;
  --c-action-hover:      #e31c5f;
  --c-on-action:         #ffffff;
  --c-accent:            #ff385c;

  /* ===== 색: 텍스트 ===== */
  --c-ink:               #222222;
  --c-body:              #484848;
  --c-muted:             #717171;
  --c-on-dark:           #ffffff;
  --c-on-dark-muted:     rgba(255, 255, 255, 0.78);
  --c-link:              #222222;

  /* ===== 색: 배경/표면 ===== */
  --c-canvas:            #ffffff;
  --c-surface:           #f7f7f7;
  --c-surface-soft:      #fafafa;
  --c-surface-dark:      #222222;        /* coinbase #0a0b0d 보다 살짝 옅음 */
  --c-surface-dark-elev: #303030;

  /* ===== 색: 경계 ===== */
  --c-hairline:          rgba(255, 255, 255, 0.16);
  --c-border-strong:     rgba(255, 255, 255, 0.42);

  /* ===== 색: 의미 ===== */
  --c-success:           #008a05;
  --c-danger:            #c13515;

  /* ===== 폰트 / 폰트 두께 ===== */
  /* SPEC §3.1: 폰트는 테마 영역이 아님 — registry/fontsets/<id>.{css,json} 에서 정의.
     (Airbnb 키트 자체는 weight 800 을 bold 로 쓰는 경향. serif-editorial 같은 영문중심 fontset 과 잘 어울림.) */

  /* ===== 타입 스케일 ===== */
  --t-display:           64px;          /* coinbase 80 보다 작음 → 눈에 띄게 다르다 */
  --t-h1:                48px;
  --t-h2:                32px;
  --t-h3:                22px;
  --t-body:              16px;
  --t-body-sm:           14px;
  --t-caption:           12px;

  /* ===== 간격 ===== */
  --s-1:                 4px;
  --s-2:                 8px;
  --s-3:                 12px;
  --s-4:                 16px;
  --s-5:                 24px;
  --s-6:                 32px;
  --s-7:                 48px;
  --s-8:                 64px;
  --s-section:           120px;         /* coinbase 96 보다 큼 */
  --s-container:         1280px;

  /* ===== radius ===== */
  --r-sm:                4px;
  --r-md:                8px;
  --r-lg:                12px;
  --r-pill:              8px;           /* Airbnb는 pill 안 쓰고 라운드 사각 — coinbase pill 100과 시각적으로 명확히 다름 */

  /* ===== 그림자 ===== */
  --shadow-card:         0 6px 16px rgba(0, 0, 0, 0.12);
  --shadow-float:        0 16px 32px rgba(0, 0, 0, 0.16);
}