/* ============================================================
   K-MAKER Design Tokens  (maker-playground/tokens.css)
   ------------------------------------------------------------
   단일 관리 지점. 컴포넌트·화면은 이 변수만 참조한다.
   현재 값 = 임시 중립 스타일. ChatGPT 디자인 시안 도착 시
   이 파일의 값만 교체하면 전 화면에 반영된다.
   ============================================================ */
:root {
  /* ---- 색상 ---- */
  --mk-background:     #F6F7F9;
  --mk-surface:        #FFFFFF;
  --mk-surface-muted:  #F0F2F5;
  --mk-text-primary:   #1F2733;
  --mk-text-secondary: #6B7480;
  --mk-border:         #E2E6EC;
  --mk-coral:          #E8735A;
  --mk-coral-soft:     #FBE9E4;
  --mk-teal:           #2E8C7F;
  --mk-teal-soft:      #E3F1EE;
  --mk-cream:          #F8F3E9;
  --mk-danger:         #D6453A;
  --mk-success:        #2F9E5F;

  /* ---- 간격 ---- */
  --mk-sp-1: 4px;  --mk-sp-2: 8px;  --mk-sp-3: 12px; --mk-sp-4: 16px;
  --mk-sp-5: 20px; --mk-sp-6: 24px; --mk-sp-7: 32px; --mk-sp-8: 40px;
  --mk-sp-9: 48px; --mk-sp-10: 64px;

  /* ---- 반경 ---- */
  --mk-r-small:  6px;
  --mk-r-medium: 10px;
  --mk-r-large:  16px;
  --mk-r-pill:   999px;

  /* ---- 그림자 ---- */
  --mk-sh-subtle:   0 1px 2px rgba(20, 28, 40, .06);
  --mk-sh-floating: 0 6px 20px rgba(20, 28, 40, .10);
  --mk-sh-modal:    0 16px 48px rgba(20, 28, 40, .22);

  /* ---- 타이포 (크기/굵기/행간) ---- */
  --mk-font: 'Pretendard', -apple-system, 'Noto Sans KR', system-ui, sans-serif;
  --mk-t-display:  700 30px/1.25 var(--mk-font);
  --mk-t-h1:       700 22px/1.3  var(--mk-font);
  --mk-t-h2:       700 17px/1.35 var(--mk-font);
  --mk-t-h3:       700 14.5px/1.4 var(--mk-font);
  --mk-t-body:     400 14.5px/1.6 var(--mk-font);
  --mk-t-body-sm:  400 13px/1.55 var(--mk-font);
  --mk-t-caption:  500 11.5px/1.4 var(--mk-font);
  --mk-t-button:   600 13.5px/1  var(--mk-font);

  /* ---- z-index ---- */
  --mk-z-panel: 10;
  --mk-z-dropdown: 50;
  --mk-z-modal: 100;
  --mk-z-tooltip: 120;

  /* ---- Sprint 02 확장분 (△) — 기존 값 무변, 추가만 ---- */
  --mk-teal-hover:    #27786D;                 /* Primary hover — 한 단계 어둡게 */
  --mk-text-disabled: #9CA3AF;
  --mk-overlay:       rgba(21, 25, 31, .44);   /* 팔레트·모달 딤 */
  --mk-sp-14: 56px;                            /* 섹션 간(데스크톱) */
  --mk-sp-18: 72px;                            /* Hero 상하 */
  --mk-mo-fast: 150ms;  /* K-DLS §10 hover — R24 밴드 정합(구 120ms) */
  --mk-mo-base: 180ms;
  --mk-mo-slow: 250ms;  /* K-DLS §10 dialog — R24 밴드 정합(구 260ms) */
  --mk-mo-ease:   cubic-bezier(.2, .6, .2, 1);
  --mk-mo-spring: cubic-bezier(.34, 1.56, .64, 1);
  --mk-op-disabled: .42;
  --mk-op-secondary: .68;
  --mk-op-skeleton-lo: .55;
  --mk-op-skeleton-hi: .85;
}