/* ============================================
   Design Tokens
   재사용 가능한 디자인 변수 (색상, 간격, 타이포)
   ============================================ */

:root {
    /* Surface & Background */
    --bg:           #f6f5f1;
    --surface:      #ffffff;
    /* Paper — 단일 글 / 문서 느낌 표면 */
    --paper:        #fbf8f1;
    --paper-soft:   #f4efe2;
    --paper-line:   #d9d3c2;

    /* Seal — 도장/문장 강조용 */
    --seal:         #9a2a2a;
    --seal-soft:    #b8533e;

    /* Text */
    --ink:          #0e1726;
    --ink-soft:     #4b5563;
    --muted:        #8b8f99;

    /* Lines */
    --line:         #e6e3dc;
    --line-soft:    #ecebe6;

    /* Brand - Navy (Primary) */
    --navy:         #0e1726;
    --navy-2:       #1a2438;
    --navy-deep:    #0a1322;

    /* Brand - Brass (Accent) */
    --brass:        #b08a4a;
    --brass-2:      #c9a76a;
    --brass-light:  #e6cf99;

    /* Font Stacks */
    --font-sans:    'Minguk', -apple-system, BlinkMacSystemFont,
                    'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    --font-display: 'SeoulNotice', 'Minguk', sans-serif;

    /* Layout */
    --container-max: 1400px;
    --container-pad: 24px;
    --content-max:   1080px;

    /* Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-pill: 999px;

    /* Shadow */
    --shadow-card:
        0 1px 2px rgba(14,23,38,0.04),
        0 12px 32px -16px rgba(14,23,38,0.12);
    --shadow-paper:
        0 1px 3px rgba(60,40,15,0.06),
        0 24px 60px -28px rgba(60,40,15,0.18);

    /* Transition */
    --t-fast: 0.2s ease;
    --t-base: 0.25s ease;
}