/* =========================================================
   DP Theme Foundation Map
   只負責把 14 個核心變數套到前台區域。
   變數來源：appearance-runtime.css / dp-site-foundation-core
   ========================================================= */
#dp-root{
	
}
/* 1. 網站背景：body / #dp-root */
html,
body,
#dp-root{
    background:var(--dp-page-background) !important;
    color:var(--dp-text-color);
}

/* 2. 內容背景：主頁面內容層 */
#dp-root .dp-shell,
#dp-page,
#dp-content,
#dp-root .dp-main,
#dp-root .dp-layout{
    background:var(--dp-content-background);
}

/* 3. 文章背景：官方文章 / 官方頁面 / 會員文章正文 */
#dp-article,
#dp-root .dp-article-view,
#dp-root .dp-article-view-page,
#dp-root .dp-article-view-wrap,
#dp-root .dp-article-shell,
#dp-root .dp-av-article,
#dp-root .dp-av-content,
#dp-root .dp-member-view-article,
#dp-root .dp-member-view-content{
    background:var(--dp-article-background) !important;
    color:var(--dp-text-color);
    border-color:var(--dp-border-color);
}

/* 4. 留言背景：留言板 / 回覆 / 輸入區 */
#dp-comment,
#dp-root .dp-comment-core,
#dp-root .dp-article-comment-core,
#dp-root .dp-comment-list,
#dp-root .dp-comment-item,
#dp-root .dp-comment-form,
#dp-root .dp-comment-reply{
    background:var(--dp-comment-background) !important;
    color:var(--dp-text-color);
    border-color:var(--dp-border-color);
}

/* 5. 功能背景：Hub / 會員卡片 / 相關文章 / Sidebar / Widget */
#dp-feature,
#dp-root .dp-feature-block,
#dp-root .dp-content-block,
#dp-root .dp-hub-page,
#dp-root .dp-hub-shell,
#dp-root .dp-hub-side-card,
#dp-root .dp-member-view,
#dp-root .dp-related-posts,
#dp-root .dp-member-view-related-posts,
#dp-root .dp-card,
#dp-root .dp-widget,
#dp-root .dp-side{
    background:var(--dp-feature-background);
    color:var(--dp-text-color);
    border-color:var(--dp-border-color);
}
#dp-root .dp-right{}
/* 共用文字與連結 */
#dp-root h1,
#dp-root h2,
#dp-root h3,
#dp-root h4,
#dp-root h5,
#dp-root h6,
#dp-root .dp-title{
    color:var(--dp-title-color);
}

#dp-root,
#dp-root p,
#dp-root li,
#dp-root .dp-text{
    color:var(--dp-text-color);
}

#dp-root .dp-muted,
#dp-root .dp-meta,
#dp-root time,
#dp-root small{
    color:var(--dp-muted-color);
}

#dp-root a{
    color:var(--dp-link-color);
}

#dp-root hr,
#dp-root .dp-divider{
    border-color:var(--dp-divider-color);
}