/* ============================================================
   부자테이프 공개 홈페이지 — 디자인 토큰
   ------------------------------------------------------------
   레이아웃 셸(base.html/site.css)과 분리된 독립 파일이다.
   셸을 상속하지 않는 화면(에러 페이지 등)에서도 이 파일만 실으면
   같은 팔레트를 쓸 수 있어야 하므로, 토큰은 반드시 :root 에 둔다.
   ============================================================ */

:root {
    /* Brand */
    --brand: #D0141C;
    --brand-hover: #E1131C;
    --brand-dark: #A81017;
    --brand-soft: #FDECEd;

    /* Ink / surface */
    --ink: #18191A;
    --ink-2: #212121;
    --ink-3: #2B2B2B;
    --body: #333333;
    --muted: #757575;
    --muted-2: #999999;
    --line: #E6E6E6;
    --line-strong: #D5D5D5;
    --bg: #FFFFFF;
    --bg-soft: #F5F5F5;
    --bg-softer: #FAFAFA;

    /* Type */
    --font-sans: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI',
        'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    --font-en: 'Montserrat', 'Pretendard', sans-serif;

    /* Metrics */
    --shell: 1280px;
    --gutter: 24px;
    --util-h: 36px;
    --header-h: 76px;
    --radius: 4px;

    /* Layering — 값을 한 곳에서 관리해야 드로어가 고정 헤더 밑으로 숨지 않는다. */
    --z-header: 900;
    --z-dropdown: 910;
    --z-drawer: 950;
    --z-toast: 980;
}

@media (max-width: 992px) {
    :root {
        --header-h: 64px;
        --gutter: 20px;
    }
}