/* 莫蘭迪主題配色 */
:root {
    /* 基礎色彩 */
    --bg-primary: #F3F4F6;
    --bg-secondary: #D8E0E0;
    --bg-white: #FFFFFF;
    --bg-hover: rgba(91, 123, 122, 0.1);
    
    /* 文字顏色 */
    --text-primary: #2D3748;
    --text-secondary: #4A5568;
    --text-muted: #718096;
    --text-light: #A0AEC0;
    
    /* 主題色 */
    --theme-primary: #5B7B7A;
    --theme-primary-hover: #4A6968;
    --theme-secondary: #8B9A8B;
    --theme-secondary-hover: #7A897A;
    
    /* 特殊用途 */
    --weekend-bg: #F7EDE2;
    --border-color: #E2E8F0;
    --shadow-color: rgba(0, 0, 0, 0.05);
    
    /* 表格相關 */
    --table-header-bg: #F8F9FA;
    --table-border: #E2E8F0;
    --table-hover: #F3F4F6;
    --table-active: #E8F4F4;
    
    /* 按鈕相關 */
    --btn-primary-bg: #5B7B7A;
    --btn-primary-border: #5B7B7A;
    --btn-primary-hover: #4A6968;
    --btn-secondary-bg: #8B9A8B;
    --btn-secondary-border: #8B9A8B;
    --btn-secondary-hover: #7A897A;
    
    /* 提示框相關 */
    --alert-info-bg: #E8F4F4;
    --alert-info-border: #CBD5E0;
    --alert-info-text: #4A5568;
    
    /* 導航相關 */
    --nav-hover-bg: rgba(91, 123, 122, 0.15);
    --nav-active-bg: rgba(91, 123, 122, 0.2);
    --nav-active-text: #3D5656;
    
    /* 導航特別設定 */
    --nav-bg: #D8E0E0;
    --nav-text: #2D3748;
    --nav-text-hover: #3D5656;
    
    /* 班別顏色設定 */
    --shift-day-bg: #4A90E2;      /* 白班背景：清爽藍色 */
    --shift-day-color: #FFFFFF;    /* 白班文字：白色 */
    
    --shift-evening-bg: #7ED321;   /* 小夜班背景：柔和綠色 */
    --shift-evening-color: #FFFFFF; /* 小夜班文字：白色 */
    
    --shift-night-bg: #9013FE;     /* 大夜班背景：優雅紫色 */
    --shift-night-color: #FFFFFF;   /* 大夜班文字：白色 */
    
    --shift-off-bg: #F5A623;       /* 休假背景：溫暖橙色 */
    --shift-off-color: #FFFFFF;     /* 休假文字：白色 */
}