/* 디자인 토큰 — 2026_new_portfolio 의 BRUTALIST ZINE 계승
   (원본: static/css/zine.css, templates/base.html)

   원칙 5가지. 이걸 어기면 zine 이 아니다.
     · 종이 배경 · 잉크 블랙 · 단일 핫 액센트
     · 두꺼운 헤어라인 (2~6px)
     · border-radius 0
     · 소프트 섀도 0
     · hover = 반전 (잉크 채움 + 종이색 글씨). glow 없음, translate 없음 */

:root {
    /* 종이 */
    --paper:      #f3ece0;   /* 신문지 */
    --paper-3:    #ffffff;   /* 페이지 카드 */

    /* 잉크 */
    --ink:        #0a0908;   /* 진짜 잉크 */
    --mute:       #6c645a;

    /* 괘선 — 헤어라인은 잉크다 */
    --rule:       #0a0908;
    --rule-soft:  #c6bda9;
    --rule-w:       2px;
    --rule-w-thick: 3px;

    /* 단일 핫 액센트 */
    --accent:     #e63946;
    --mark:       #ffd23f;   /* 일렉트릭 옐로 (형광펜) */

    /* 타이포 — Archivo Black 은 한글이 없어 IBM Plex Sans KR 로 떨어진다 */
    --font-display: 'Archivo Black', 'IBM Plex Sans KR', 'Noto Sans KR', sans-serif;
    --font-body:    'Space Grotesk', 'IBM Plex Sans KR', 'Noto Sans KR', sans-serif;
    --font-mono:    'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

    /* 레이아웃 */
    --toolbar-h: 52px;
    --info-h:    30px;
    --panel-w:   248px;

    --toolbar-total: calc(var(--toolbar-h) + env(safe-area-inset-top, 0px));
    --info-total:    calc(var(--info-h) + env(safe-area-inset-bottom, 0px));
    --safe-l: env(safe-area-inset-left, 0px);
    --safe-r: env(safe-area-inset-right, 0px);
}