/*
 * PMC 박병원 디자인 토큰
 * 참조: /DESIGN.md
 * 최초 작성: 2026-04-22
 * 모든 신규 CSS 작성 시 이 토큰을 사용할 것.
 */

:root {
    /* ==========================================================
     * Text Colors (Apple 계층 기반)
     * ========================================================== */
    --text-primary:   #1d1d1f;                /* 헤드라인·본문·일반 텍스트 */
    --text-secondary: #6e6e73;                /* 날짜·카테고리·보조 설명 */
    --text-tertiary:  #86868b;                /* 아이브로우·캡션·작은 라벨 */
    --text-muted:     #424245;                /* 배지·보조 텍스트 */
    --text-legal:     rgba(0, 0, 0, 0.56);    /* 저작권·면책·푸터 */
    --text-on-dark:   #f5f5f7;                /* 어두운 배경 위 텍스트 */

    /* ==========================================================
     * Brand Colors
     * ========================================================== */
    --brand-primary:       #ff842f;           /* PMC 오렌지 */
    --brand-primary-hover: #d45500;

    /* ==========================================================
     * System Colors
     * ========================================================== */
    --link:         #0066cc;
    --link-hover:   #0071e3;
    --success:      #0d6f3e;
    --warning:      #b3590a;
    --danger:       #d92e2e;
    --info:         #0066cc;

    /* ==========================================================
     * Background
     * ========================================================== */
    --bg-primary:   #ffffff;
    --bg-secondary: #f5f5f7;                  /* Apple 연회색 블록 */
    --bg-card:      #ffffff;

    /* ==========================================================
     * Border
     * ========================================================== */
    --border-default: #d2d2d7;
    --border-strong:  #1d1d1f;
    --border-subtle:  #e8e8ed;

    /* ==========================================================
     * Typography
     * ========================================================== */
    --font-sans: 'Pretendard', 'Noto Sans KR', sans-serif;

    /* line-height */
    --lh-body:     1.6;
    --lh-heading:  1.25;
    --lh-tight:    1.1;

    /* ==========================================================
     * Shadow
     * ========================================================== */
    --shadow-card:  0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-hover: 0 4px 16px rgba(0, 0, 0, 0.12);
    --shadow-modal: 0 12px 48px rgba(0, 0, 0, 0.2);
    --shadow-sticky: 0 1px 0 rgba(0, 0, 0, 0.08);

    /* ==========================================================
     * Radius
     * ========================================================== */
    --radius-btn:   6px;
    --radius-input: 6px;
    --radius-card:  14px;
    --radius-hero:  20px;
    --radius-pill:  999px;

    /* ==========================================================
     * Spacing (8의 배수 + 4)
     * ========================================================== */
    --space-1:  4px;
    --space-2:  8px;
    --space-3:  12px;
    --space-4:  16px;
    --space-5:  20px;
    --space-6:  24px;
    --space-8:  32px;
    --space-10: 40px;
    --space-12: 48px;
    --space-16: 64px;
    --space-20: 80px;
    --space-24: 96px;
}