/* Design tokens -- single source of truth.
   Page CSS (landing.css) references these variables only.
   2026-10-09 디자인 리셋 — "체육관 화이트보드" 결 (docs/DESIGN-RESET-2026-10-09.md).
   구 링코 결 어두운 바탕(#0B0D10 + 빨강 하나)은 AI 생성 결로 판정돼 폐기. */

:root {
    /* --- Color (6) --- */
    --bg: #FFFFFF;        /* board — 화이트보드. 앱 실물과 같은 밝은 결 */
    --fg: #000000;        /* ink — 로고와 같은 순흑 */
    --muted: #5B5F66;     /* graphite — 보조 글자 (흰 바탕 6.4:1) */
    --border: #E3E5E8;    /* rule — 구분선 1px */
    --accent: #CC1F1F;    /* red — 타이머 숫자와 할 일 하나에만. 앱 appkit.config.json brand.accent 와 동일 */
    --accent-h: #B91C1C;
    /* 도입 문의 = 카카오톡 채널 단일 창구 — 버튼을 카카오 브랜드 옐로로 (사용자 지시 2026-06-11) */
    --kakao: #FEE500;
    --kakao-h: #F2D900;
    --kakao-fg: #191919;  /* 카카오 브랜드 가이드 — 옐로 위 텍스트는 블랙 */
    --wash: #F2F3F5;      /* 구역 바탕 (흰 구역과 번갈아) */
    --ink-muted: #A7ACB4; /* 검은 구역 위 보조 글자 (검정 바탕 8.9:1) */
    --ink-line: #2C2F35;  /* 검은 구역 위 구분선 */

    /* --- Font (single family) --- */
    --font: 'Pretendard Variable', 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, 'Apple SD Gothic Neo', 'Segoe UI', sans-serif;
    /* 모노스페이스 토큰 없음 — 글로벌 §2-B-모노. 숫자 정렬은 font-variant-numeric: tabular-nums */

    /* --- Weight --- */
    --fw-regular: 400;
    --fw-bold: 700;
    --fw-black: 900; /* 보드 글자·요금 숫자만 */

    /* --- Type scale --- */
    --fs-board: 56px;    /* 화이트보드 동작 줄 */
    --fs-timer: 88px;    /* 타이머 숫자 */
    --fs-hero: 44px;     /* h1 */
    --fs-section: 34px;  /* 섹션 h2 */
    --fs-price: 112px;   /* 요금 숫자 */
    --fs-h2: 28px;      /* 요금 옆 제안 숫자 */
    --fs-h3: 20px;
    --fs-lead: 18px;
    --fs-body: 16px;
    --fs-caption: 14px;

    /* --- Spacing --- */
    --sp-2: 8px;
    --sp-3: 12px;
    --sp-4: 16px;
    --sp-5: 24px;
    --sp-6: 32px;
    --sp-7: 48px;
    --sp-8: 64px;
    --sp-9: 120px;

    /* --- Radius (0 과 이것 두 종뿐) --- */
    --r: 8px;     /* 버튼 */
    --r-phone: 32px;    /* 폰 목업 바깥 */
    --r-phone-in: 23px; /* 폰 목업 화면 */
    --flow-h: 440px;    /* 사용법 세 단계 그림 높이 (PC 캡처·폰 목업 공통) */

    /* --- Motion — 첫 화면 보드 한 번만 --- */
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}