/*
 * THEME: coinbase  (SPEC §3.2)
 * 출신: _inbox/coinbase/tokens.css (main brand)
 *
 * 매핑표 (키트 변수 → 계약 변수):
 *   --color-primary             → --c-action
 *   --color-primary-active      → --c-action-hover
 *   --color-on-primary          → --c-on-action
 *   --color-accent-yellow       → --c-accent
 *   --color-ink                 → --c-ink
 *   --color-body                → --c-body
 *   --color-muted               → --c-muted
 *   --color-on-dark             → --c-on-dark
 *   --color-on-dark-soft        → --c-on-dark-muted
 *   --color-primary             → --c-link
 *   --color-canvas              → --c-canvas
 *   --color-surface-soft        → --c-surface
 *   --color-surface-soft(살짝)  → --c-surface-soft (--color-surface-strong 대용)
 *   --color-surface-dark        → --c-surface-dark
 *   --color-surface-dark-elevated → --c-surface-dark-elev
 *   --color-hairline-soft (다크용 rgba)        → --c-hairline
 *   (다크 강조용 rgba)                          → --c-border-strong
 *   --color-semantic-up         → --c-success
 *   --color-semantic-down       → --c-danger
 *   --font-display / --font-sans→ --f-display / --f-body
 *   --font-mono                 → --f-mono
 *   --display-mega-size         → --t-display
 *   --display-xl/lg/md          → --t-h1/h2/h3 (역할 매핑)
 *   --body-md-size              → --t-body
 *   --body-sm-size              → --t-body-sm
 *   --caption-size              → --t-caption
 *   --space-xxs..section        → --s-1..section
 *   --container-max             → --s-container
 *   --radius-xs..pill           → --r-sm..pill
 *   --shadow-soft               → --shadow-card
 *
 * 누락 변수: --font-serif (키트에 serif 없음) → Inter 로 폴백
 *           --shadow-float (없음) → --shadow-soft 의 1.5배 추정
 */

:root {
  /* ===== 색: 액션 ===== */
  --c-action:            #0052ff;
  --c-action-hover:      #003ecc;
  --c-on-action:         #ffffff;
  --c-accent:            #f4b000;

  /* ===== 색: 텍스트 ===== */
  --c-ink:               #0a0b0d;
  --c-body:              #5b616e;
  --c-muted:             #7c828a;
  --c-on-dark:           #ffffff;
  --c-on-dark-muted:     #a8acb3;
  --c-link:              #0052ff;

  /* ===== 색: 배경/표면 ===== */
  --c-canvas:            #ffffff;
  --c-surface:           #f7f7f7;
  --c-surface-soft:      #eef0f3;
  --c-surface-dark:      #0a0b0d;
  --c-surface-dark-elev: #16181c;

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

  /* ===== 색: 의미 ===== */
  --c-success:           #05b169;
  --c-danger:            #cf202f;

  /* ===== 폰트 / 폰트 두께 ===== */
  /* SPEC §3.1: 폰트는 테마 영역이 아님 — registry/fontsets/<id>.{css,json} 에서 정의. */

  /* ===== 타입 스케일 ===== */
  --t-display:           80px;
  --t-h1:                64px;
  --t-h2:                52px;
  --t-h3:                32px;
  --t-body:              16px;
  --t-body-sm:           14px;
  --t-caption:           13px;

  /* ===== 간격 ===== */
  --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:           96px;
  --s-container:         1200px;

  /* ===== radius ===== */
  --r-sm:                4px;
  --r-md:                8px;
  --r-lg:                16px;
  --r-pill:              100px;

  /* ===== 그림자 ===== */
  --shadow-card:         0 4px 12px rgba(0, 0, 0, 0.04);
  --shadow-float:        0 8px 24px rgba(0, 0, 0, 0.08);
}