/* =========================================================
   디자인 토큰 (CSS custom properties)
   ========================================================= */
:root {
    --brand: #4F46E5;
    --brand-dark: #3B30C7;
    --brand-soft: #EEF2FF;
    --accent: #F59E0B;
    --accent-soft: #FEF3C7;
    --urgent: #EF4444;
    --urgent-soft: #FEE2E2;
    --safe: #10B981;
    --safe-soft: #D1FAE5;
    --new: #06B6D4;
    --new-soft: #CFFAFE;
    --bg: #F8FAFC;
    --card: #FFFFFF;
    --text: #0F172A;
    --muted: #64748B;
    --border: #E2E8F0;
    --radius: 14px;
    --radius-sm: 10px;
    --footer-bg: #1E293B;
    --footer-text: #94A3B8;
    --footer-heading: #F1F5F9;
    --footer-border: #334155;

    /* sticky 헤더 높이. position:sticky 요소의 top offset 계산에 사용. */
    --topbar-h: 4.5rem;
}

html { font-size: 17.5px; }
* { letter-spacing: -0.012em; }
body {
    font-family: 'Pretendard', -apple-system, sans-serif;
    background: var(--bg);
    color: var(--text);
    margin: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}