/* DealAider v2 — Design Tokens
 * Source: ClaudeDocs/dealaider-v2 design handoff (2026-04-26)
 * Editorial-modern renewal with Pretendard + Instrument Serif + JetBrains Mono.
 */

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css');
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
    /* ===== Brand ===== */
    --da-primary: #008f8c;
    --da-primary-deep: #006d6a;
    --da-primary-soft: #d9efee;
    --da-primary-pale: #f1faf9;

    /* ===== Editorial neutrals (warm off-white) ===== */
    --da-paper: #faf8f4;
    --da-paper-2: #f3efe7;
    --da-card: #ffffff;
    --da-ink: #161311;
    --da-ink-2: #3a3531;
    --da-ink-3: #6e6862;
    --da-ink-4: #9a948d;
    --da-line: #e7e2da;
    --da-line-soft: #efeae1;

    /* ===== Curation labels (6) ===== */
    --da-lbl-best: #0d4f4d;
    --da-lbl-best-bg: #d6ece9;
    --da-lbl-smart: #46742e;
    --da-lbl-smart-bg: #e3eed3;
    --da-lbl-emo: #c64a6b;
    --da-lbl-emo-bg: #fbe2e7;
    --da-lbl-time: #c4571c;
    --da-lbl-time-bg: #ffe4ce;
    --da-lbl-info: #5a544c;
    --da-lbl-info-bg: #ece8e0;
    --da-lbl-hold: #8a8a8a;

    /* ===== 4-axis score colors ===== */
    --da-ax-cost: #46742e;
    --da-ax-emo: #c64a6b;
    --da-ax-time: #c4571c;
    --da-ax-conf: #2c5e8a;

    /* ===== Semantic ===== */
    --da-hot: #d83a3a;
    --da-warn: #e08407;

    /* ===== Radius ===== */
    --da-radius-sm: 8px;
    --da-radius: 14px;
    --da-radius-lg: 20px;

    /* ===== Type families ===== */
    --da-font-sans: 'Pretendard', 'Pretendard Variable', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --da-font-serif: 'Instrument Serif', 'Noto Serif KR', Georgia, serif;
    --da-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

    /* ===== Spacing ===== */
    --da-gap-xs: 6px;
    --da-gap-sm: 10px;
    --da-gap: 16px;
    --da-gap-lg: 24px;
    --da-gap-xl: 36px;

    /* ===== Layout ===== */
    --da-pc-max: 1280px;
    --da-pc-content-max: 1200px;
}