/* ========================================
   BodyTrack - 主題變數
   日式和風設計：墨 (Dark) / 雪 (Light)
======================================== */

:root {
    /* 共用變數 */
    --font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, sans-serif;
    --border-radius: 12px;
    --border-radius-sm: 8px;
    --transition: all 0.3s ease;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.15);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.2);
}

/* ========================================
   暗色主題 - 墨 (Sumi)
======================================== */
.theme-dark {
    --bg-primary: #1a1a1a;
    --bg-secondary: #2d2d2d;
    --bg-card: #252525;
    --bg-hover: #3a3a3a;
    
    --text-primary: #f5f5f0;
    --text-secondary: #a0a0a0;
    --text-muted: #707070;
    
    --accent-primary: #90b77d;      /* 抹茶綠 */
    --accent-secondary: #ffc0cb;    /* 櫻花粉 */
    --accent-info: #60a5fa;
    --accent-warning: #fbbf24;
    --accent-danger: #f87171;
    --accent-success: #4ade80;
    
    --border-color: #404040;
    --border-light: #353535;
    
    --input-bg: #1f1f1f;
    --input-border: #404040;
    --input-focus: #90b77d;
    
    --navbar-bg: rgba(26, 26, 26, 0.95);
    --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    
    /* 圖表顏色 */
    --chart-weight: #90b77d;
    --chart-bodyfat: #ffc0cb;
    --chart-water: #60a5fa;
    --chart-bmi: #fbbf24;
    --chart-calories-in: #4ade80;
    --chart-calories-out: #f87171;
    
    /* 進度條 */
    --progress-bg: #353535;
    --progress-fill: linear-gradient(90deg, #90b77d, #4ade80);
    --progress-goal: linear-gradient(90deg, #ffc0cb, #f87171);
}

/* ========================================
   亮色主題 - 雪 (Yuki)
======================================== */
.theme-light {
    --bg-primary: #faf8f5;
    --bg-secondary: #f0ede8;
    --bg-card: #ffffff;
    --bg-hover: #f5f3f0;
    
    --text-primary: #2d2d2d;
    --text-secondary: #5a5a5a;
    --text-muted: #8a8a8a;
    
    --accent-primary: #c41e3a;      /* 緋紅 */
    --accent-secondary: #5c7a99;    /* 藍鼠 */
    --accent-info: #3b82f6;
    --accent-warning: #f59e0b;
    --accent-danger: #ef4444;
    --accent-success: #22c55e;
    
    --border-color: #e0e0e0;
    --border-light: #ebebeb;
    
    --input-bg: #ffffff;
    --input-border: #d0d0d0;
    --input-focus: #c41e3a;
    
    --navbar-bg: rgba(250, 248, 245, 0.95);
    --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    
    /* 圖表顏色 */
    --chart-weight: #c41e3a;
    --chart-bodyfat: #5c7a99;
    --chart-water: #3b82f6;
    --chart-bmi: #f59e0b;
    --chart-calories-in: #22c55e;
    --chart-calories-out: #ef4444;
    
    /* 進度條 */
    --progress-bg: #e5e5e5;
    --progress-fill: linear-gradient(90deg, #22c55e, #4ade80);
    --progress-goal: linear-gradient(90deg, #c41e3a, #ef4444);
}

/* ========================================
   主題過渡動畫
======================================== */
body {
    transition: background-color 0.5s ease, color 0.5s ease;
}

.card, .navbar, input, select, button {
    transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}