/* paper-tokens.css — 한지·먹·인주 base tokens.
   Products Pipeline Surface (Spec 2026-05-13 §4.1, Task 2.1) — Claude Design handoff
   purchaseagent/project/styles.css 의 :root block 만 추출. pa-topnav 클래스는 본
   프로젝트의 _Layout.cshtml topnav 와 충돌하므로 의도적으로 제외.
   본 파일은 /products 페이지에서만 직접 link 한다 (전역 영향 0). */

@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;500;600;700;800;900&family=Pretendard:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap");

:root {
    /* Type */
    --font-serif: "Noto Serif KR", "Source Han Serif KR", "본명조", "Apple SD Gothic Neo", serif;
    --font-sans: "Pretendard", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", sans-serif;
    --font-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace;

    /* Light theme — 한지·먹·인주 */
    --paper:        #faf7f0;       /* 한지 white */
    --paper-soft:   #f4efe3;
    --paper-edge:   #e8dfc8;
    --ink:          #1a1410;       /* 먹색 */
    --ink-soft:     #4a4339;
    --ink-mute:     #847b6b;
    --ink-faint:    #b5ac99;
    --rule:         #d8cdb0;
    --rule-soft:    #e5dcc6;

    --bg-app:       #ede6d3;       /* 결재함 책상 */
    --bg-sidebar:   #2b2620;
    --bg-sidebar-hover: #3a342c;
    --sb-text:      #e8dec6;
    --sb-text-mute: #a89b7d;
    --sb-rule:      #3f372d;
    --sb-active:    #4a4135;

    --seal-red:     #b8302a;       /* 인주색 */
    --seal-red-soft:#d6403a;
    --seal-blue:    #284878;
    --gold:         #b8923a;

    /* Tones */
    --tone-positive:    #2d6a4f;
    --tone-positive-bg: #e6f0e9;
    --tone-neutral:     #6b6356;
    --tone-neutral-bg:  #efe9d9;
    --tone-urgent:      #b06520;
    --tone-urgent-bg:   #f5e8d2;
    --tone-negative:    #9a2a25;
    --tone-negative-bg: #f5dcd9;

    --tone-routine-bg:  #efe9d9;
    --tone-routine-fg:  #6b6356;
    --tone-urgent-fg:   #9a5e1e;
    --tone-critical-bg: #f3d4d0;
    --tone-critical-fg: #922822;

    /* Dept seal colors */
    --dept-curator:   #5a4a2a;
    --dept-designer:  #3a5a4f;
    --dept-listing:   #5a3a2a;
    --dept-cs:        #5a2a4a;
    --dept-tax:       #2a3a5a;

    --shadow-doc: 0 1px 0 rgba(0,0,0,0.02),
                  0 12px 32px -12px rgba(60,40,15,0.18),
                  0 32px 60px -28px rgba(40,30,10,0.22);
    --radius:     6px;
}