:root {
    --blog-columns-sm: 2;
    --blog-columns-lg: 3;
    --blog-sidebar-width: 320px;
    --blog-grid-gap: 40px;
    --blog-comment-submit-btn-bg-color: var(--primary);
    --blog-comment-block-padding: 20px;
    --blog-showcase-spacing-sm: 20px;
    --blog-showcase-spacing-lg: 40px;
    --blog-back-btn-color: var(--secondary);
    --blog-content-width: 960px;
    --blog-info-bar-padding: 12px;
    --blog-tag-height: 36px;
    --blog-page-title-font-size-sm: 2.4rem;
    --blog-page-title-font-size-lg: 3.2rem;
    --blog-subtitle-font-size-sm: 2.0rem;
    --blog-subtitle-line-height-sm: 2.2rem;
    --blog-subtitle-font-size-lg: 3.0rem;
    --blog-subtitle-line-height-lg: 2.4rem;
    --blog-category-link-font-family: Helvetica, Arial, sans-serif;
    --blog-category-link-padding: 10px 15px;
}