/*
 * THEME: adora  (SPEC §3.2)
 * 출신: _inbox/adora/tokens.css (Adora — digital canvas with violet bloom)
 *
 * 매핑표 (키트 변수 → 계약 변수):
 *   --color-action-violet      → --c-action          (#592eff)
 *   #4a23e6 (kit inline hover) → --c-action-hover
 *   --color-canvas-white       → --c-on-action       (#fff)
 *   --color-neon-pink          → --c-accent          (#f843c2 — brand accent)
 *   --color-rich-violet        → --c-ink             (#21164c)
 *   --color-slate-text         → --c-body            (#353241)
 *   --fg-3 (#6b6776)           → --c-muted
 *   --color-canvas-white       → --c-on-dark         (흰색)
 *   rgba(255,255,255,0.72)     → --c-on-dark-muted
 *   --color-action-violet      → --c-link
 *   --color-canvas-white       → --c-canvas
 *   --color-soft-gray-fill     → --c-surface         (#eeeeee — 카드 배경)
 *   #f5f6f1 (derived softer)   → --c-surface-soft
 *   --color-rich-violet        → --c-surface-dark    (다크 표면이 키트에 없어 ink 톤으로)
 *   #2e2156 (derived lighter)  → --c-surface-dark-elev
 *   --color-cloud-mist         → --c-hairline        (#e0e0db)
 *   --border-2 (slate-text)    → --c-border-strong
 *   --color-electric-green     → --c-success         (#a2ea13)
 *   #d6385a (derived; adora 자체 red 없음) → --c-danger
 *
 *   --text-display-lg 68       → --t-display
 *   --text-display-md 58       → --t-h1
 *   --text-display-sm 38       → --t-h2
 *   --text-heading-sm 32       → --t-h3
 *   --text-body 18 / sm 16 / caption 14 → --t-body / --t-body-sm / --t-caption
 *
 *   --spacing-4..60            → --s-1..s-7 (s-8 = 60, s-section = 80)
 *   --content-max 1200         → --s-container
 *   --radius-lg 8              → --r-sm
 *   --radius-2xl 16            → --r-md
 *   --radius-cards 26          → --r-lg
 *   --radius-badges 200        → --r-pill
 *
 * 누락: --f-* / --fw-* 는 fontset 영역 (SPEC §3.3). adora-typo 폰트셋 권장.
 *      pastel decoration 색(--color-air-blue/--color-lush-green/--color-sunset-pink 등)은
 *      "브랜드 장식 색" (§3.1) — 계약 없음.  adora 부품 코드에 hex로 남는다.
 */

:root {
  /* ===== 색: 액션 ===== */
  --c-action:            #592eff;
  --c-action-hover:      #4a23e6;
  --c-on-action:         #ffffff;
  --c-accent:            #f843c2;

  /* ===== 색: 텍스트 ===== */
  --c-ink:               #21164c;
  --c-body:              #353241;
  --c-muted:             #6b6776;
  --c-on-dark:           #ffffff;
  --c-on-dark-muted:     rgba(255, 255, 255, 0.78);
  --c-link:              #592eff;

  /* ===== 색: 배경/표면 ===== */
  --c-canvas:            #ffffff;
  --c-surface:           #eeeeee;
  --c-surface-soft:      #f5f6f1;
  --c-surface-dark:      #21164c;
  --c-surface-dark-elev: #2e2156;

  /* ===== 색: 경계 ===== */
  --c-hairline:          #e0e0db;
  --c-border-strong:     #353241;

  /* ===== 색: 의미 ===== */
  --c-success:           #a2ea13;
  --c-danger:            #d6385a;

  /* ===== 폰트 / 폰트 두께 ===== */
  /* SPEC §3.1: 폰트는 테마 영역이 아님 — adora-typo 폰트셋 권장. */

  /* ===== 타입 스케일 ===== */
  --t-display:           68px;
  --t-h1:                58px;
  --t-h2:                38px;
  --t-h3:                32px;
  --t-body:              18px;
  --t-body-sm:           16px;
  --t-caption:           14px;

  /* ===== 간격 ===== */
  --s-1:                 4px;
  --s-2:                 8px;
  --s-3:                 12px;
  --s-4:                 16px;
  --s-5:                 24px;
  --s-6:                 32px;
  --s-7:                 48px;
  --s-8:                 60px;
  --s-section:           80px;
  --s-container:         1200px;

  /* ===== radius ===== */
  --r-sm:                8px;
  --r-md:                16px;
  --r-lg:                26px;
  --r-pill:              200px;

  /* ===== 그림자 ===== */
  --shadow-card:         0 8px 24px rgba(33, 22, 76, 0.08);
  --shadow-float:        0 16px 48px rgba(33, 22, 76, 0.16);
}