/*
 * THEME: contractbook  (SPEC §3.2)
 * 출신: _inbox/contractbook/tokens.css
 *
 * 톤: light · "playful professionalism" · 노란 골드 CTA + 흑백 본문
 * action 색이 노란색(energy-gold) 이라 on-action 텍스트가 검정. 다른 키트와 시각적으로 명확히 다름.
 *
 * 매핑표 (키트 변수 → 계약 변수):
 *   --accent-primary  (#ffba09 energy-gold)        → --c-action
 *   (energy-gold 살짝 어둡게)                       → --c-action-hover  (직접 도출, 키트 미정의)
 *   --fg-on-gold      (#000000 ink-black)          → --c-on-action
 *   --accent-statement(#1009f6 royal-blue)         → --c-accent
 *   --fg-1            (#1a1a1a washed-black)       → --c-ink
 *   --fg-1            (#1a1a1a)                    → --c-body   (키트는 본문도 같은 잉크 — 회색 본문 아님)
 *   --fg-2            (#6d6868 dim-grey)           → --c-muted
 *   --color-pure-white(#ffffff)                    → --c-on-dark
 *   --color-silver-mist(#b3b3b3) (footer 본문)     → --c-on-dark-muted
 *   --color-washed-black                           → --c-link
 *   --bg-canvas       (#ffffff)                    → --c-canvas
 *   --bg-subtle       (#f7f7f3 pearl)              → --c-surface
 *   --bg-interactive  (#f0f0ec beige)              → --c-surface-soft
 *   --color-washed-black (#1a1a1a Footer/CTA dark) → --c-surface-dark
 *   #2a2a2a (washed-black 약간 elev)               → --c-surface-dark-elev  (도출)
 *   --border-muted    (#d4d4d0 concrete)           → --c-hairline           (light용 기본 경계)
 *   rgba(255,255,255,0.16) (다크 위 경계)          → --c-border-strong      (Footer 가로선과 일관)
 *   --accent-nature   (#304801 deep-moss)          → --c-success
 *   #c13515 (키트 미정의, 의미색 보조)              → --c-danger
 *
 * 누락: hover/danger/dark-elev 키트에 명시값 없어 시각적으로 매끄럽게 도출.
 *      _inbox/contractbook/tokens.css 의 폰트 부분은 fontsets/inter-contractbook 로 분리.
 *
 * Display 가 키트 토큰엔 48px 이지만 — 부품 SVG/문구가 "Sign in seconds,\nnot weeks." 처럼
 * 임팩트 위주라 hero-dark 같은 다크 부품을 얹어도 어색하지 않도록 64px 까지만 키움.
 * coinbase 80, airbnb 64 사이 — 시각적으로 식별되되 키트 본래 의도(컴팩트) 유지.
 */

:root {
  /* ===== 색: 액션 ===== */
  --c-action:            #ffba09;         /* energy-gold — 키트의 시그니처 노란 CTA */
  --c-action-hover:      #e6a300;         /* 도출: gold 살짝 어둡게 */
  --c-on-action:         #000000;         /* 노랑 위 = 검정 (키트 --fg-on-gold) */
  --c-accent:            #1009f6;         /* royal-blue statement */

  /* ===== 색: 텍스트 ===== */
  --c-ink:               #1a1a1a;         /* washed-black */
  --c-body:              #1a1a1a;         /* 키트는 본문도 잉크 — 회색 본문 아님 */
  --c-muted:             #6d6868;         /* dim-grey */
  --c-on-dark:           #ffffff;
  --c-on-dark-muted:     #b3b3b3;         /* silver-mist */
  --c-link:              #1a1a1a;

  /* ===== 색: 배경/표면 ===== */
  --c-canvas:            #ffffff;
  --c-surface:           #f7f7f3;         /* pearl */
  --c-surface-soft:      #f0f0ec;         /* beige */
  --c-surface-dark:      #1a1a1a;         /* washed-black — Footer/CTA dark band */
  --c-surface-dark-elev: #2a2a2a;         /* 도출: dark 위 떠 있는 카드 */

  /* ===== 색: 경계 ===== */
  --c-hairline:          #d4d4d0;         /* concrete (light 기본 경계) */
  --c-border-strong:     rgba(255, 255, 255, 0.16);  /* dark 위 경계 (Footer 가로선과 일관) */

  /* ===== 색: 의미 ===== */
  --c-success:           #304801;         /* deep-moss */
  --c-danger:            #c13515;         /* 도출 (키트 미정의) */

  /* ===== 폰트 / 폰트 두께 ===== */
  /* SPEC §3.1: 폰트는 테마 영역이 아님 — registry/fontsets/inter-contractbook.{css,json} 참조. */

  /* ===== 타입 스케일 =====
     키트 토큰: display 48 / heading-lg 32 / heading 28 / heading-sm 25 / body 14 / body-lg 16 / caption 11.
     contractbook 은 컴팩트 톤이라 키트 그대로 유지 — 단 hero-dark 의 --t-display 가 너무 작아 보이지 않도록
     display 만 한 단 키움 (48 → 64). 나머지는 키트 충실. */
  --t-display:           64px;
  --t-h1:                48px;
  --t-h2:                32px;
  --t-h3:                25px;
  --t-body:              16px;            /* 키트 body-lg — 본문 가독성 */
  --t-body-sm:           14px;            /* 키트 body */
  --t-caption:           11px;

  /* ===== 간격 =====
     키트: section-gap 60 / element-gap 14 / card-padding 14 / container-max 1200.
     역할 스케일(--s-1..8)은 사이트 공통 4·8·12·16·24·32·48·64 로 통일. */
  --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:           60px;            /* 키트 --section-gap, 컴팩트 톤 */
  --s-container:         1200px;          /* 키트 --container-max */

  /* ===== radius =====
     키트: inputs 4.375 / cards 24 / images 40 / buttons/tags 999. */
  --r-sm:                4px;             /* 키트 --radius-inputs (반올림) */
  --r-md:                10px;            /* 키트 중간 단 (10.5 반올림) */
  --r-lg:                24px;            /* 키트 --radius-cards */
  --r-pill:              999px;           /* 키트 --radius-buttons */

  /* ===== 그림자 ===== */
  /* 키트는 그림자 키 미정의 — contractbook 은 평면(flat) 톤. 매우 옅게. */
  --shadow-card:         0 2px 8px rgba(0, 0, 0, 0.04);
  --shadow-float:        0 8px 24px rgba(0, 0, 0, 0.08);
}