:root {
    /* 基礎尺寸 */
    --input-height: 42px;
    --section-height: 80px;
    --header-height: 80px;
    --header-height-mobile: 120px;
    --page-header-height-mobile: 60px;
    --search-stats-height: 100px;
    --table-row-height: 48px;
    --pagination-height: 60px;
    --spacing: 1rem;
    --border-radius: 12px;

    /* 主要顏色 - 使用較柔和的藍色 */
    --primary-color: #3B82F6;
    /* 中等藍色 - 主要顏色 */
    --primary-dark: #60A5FA;
    /* 稍亮的藍色 */
    --primary-light: #93C5FD;
    /* 淺藍色 */

    /* 輔助顏色 */
    --secondary-color: #64748B;
    /* 柔和的灰藍色 */
    --background-color: #F8FAFC;
    /* 非常淺的藍灰色背景 */
    --level-color: #475569;
    /* 中等深度的灰色 */

    /* 文字顏色 */
    --text-primary: #334155;
    /* 主要文字 - 深灰藍色 */
    --text-secondary: #64748B;
    /* 次要文字 - 中等灰藍色 */

    /* 功能性顏色 */
    --accent-color: #E2E8F0;
    /* 邊框顏色 */
    --success-color: #059669;
    /* 成功狀態 - 綠色 */
    --region-color: #3B82F6;
    /* 區域標籤 - 藍色 */
    --district-color: #8B5CF6;
    /* 分區標籤 - 紫色 */

    /* 陰影效果 */
    --box-shadow: 0 4px 6px rgba(59, 130, 246, 0.1);
    --transition: all 0.3s ease;
}