/* dashboard-light.css — ダッシュボード固有ライトテーマ
   theme-light.css のパレットを継承
   --orange, --green, --heading-bg 等の変数を使用 */

/* セクション見出し — theme-light.css で h2/h3 は背景+左線で統一済み
   ダッシュボードでは見出し文字にもオレンジを加える */
[data-theme="light"] h2 {
    color: var(--orange);
    font-weight: 700;
}

[data-theme="light"] h3 {
    color: var(--orange);
    font-weight: 600;
}

/* ダッシュボードのメインタイトル */
[data-theme="light"] .dashboard-title {
    color: var(--orange) !important;
    -webkit-text-fill-color: var(--orange) !important;
    background: none !important;
    font-weight: 800;
}

/* 統計カード */
[data-theme="light"] .stat-card .icon {
    color: var(--orange);
}

[data-theme="light"] .stat-value {
    color: var(--orange);
    font-weight: 700;
}

/* プログレスバー */
[data-theme="light"] .progress-bar {
    background: linear-gradient(90deg, var(--acc), var(--acc-light));
}

/* 「今日」ボタン */
[data-theme="light"] .today-btn {
    background: var(--orange);
    color: #ffffff;
    font-weight: 600;
}

[data-theme="light"] .today-btn:hover {
    background: var(--orange-hover);
}

/* ユーザー名ボタン */
[data-theme="light"] .nav-btn:last-child {
    color: var(--orange);
    border-color: var(--acc-border);
}