:root {
    /* ========================================
       COLOR TOKENS
       Figma 231:3 / 231:4 공통
       ======================================== */

    --color-text-primary: #212121;
    --color-text-tertiary: #666666;
    --color-border-subtle: #f1f1f1;
    --color-background: #ffffff;

    /* ========================================
       LAYOUT TOKENS
       ======================================== */

    --site-frame-width: 1132px;
    --layout-width: 1004px;

    --sidebar-width: 220px;
    --content-width: 720px;
    --layout-gap: 64px;

    /* ========================================
       PAGE SPACING
       ======================================== */

    --page-padding-top: 64px;
    --page-padding-bottom: 80px;
    --page-gutter-desktop: 64px;
    --page-gutter-tablet: 32px;
    --page-gutter-mobile: 20px;

    /* ========================================
       TYPOGRAPHY
       ======================================== */

    --font-sans:
        Inter,
        "Noto Sans KR",
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    --font-size-sidebar-title: 28px;
    --line-height-sidebar-title: 34px;

    --font-size-post-title: 28px;
    --line-height-post-title: 36px;

    --font-size-post-body: 17px;
    --line-height-post-body: 29px;

    --font-size-meta: 13px;
    --line-height-meta: 18px;

    /* ========================================
       BORDER
       ======================================== */

    --border-subtle: 1px solid var(--color-border-subtle);
}