/* light-mode.css - ライトモードテーマ
 * Reading Forest 全ページ共通のライトモード配色定義
 * 作成日: 2025-12-11
 */

/* ライトモード (デフォルト) */
body {
    background-color: #f7fafc;
    color: #2d3748;
}

/* 見出し */
h1, h2, h3, h4, h5, h6 {
    color: #2d3748;
}

.page-header h1,
.section-header h2 {
    color: #2d3748;
}

.page-header p,
.section-header p {
    color: #4a5568;
}

/* セクション・カード */
.section,
.card,
.container {
    background: #ffffff;
    color: #2d3748;
    border-color: #e2e8f0;
}

.section p,
.step p {
    color: #4a5568;
}

/* テーブル */
.info-table,
table {
    background: #ffffff;
}

.info-table th,
th {
    background: #f7fafc;
    color: #2d3748;
}

.info-table td,
td {
    color: #4a5568;
    border-bottom-color: #e2e8f0;
}

/* アラートボックス */
.alert-warning {
    background-color: #fff3cd;
    border-color: #ffc107;
    color: #856404;
}

.alert-warning .alert-content,
.alert-warning .alert-content strong,
.alert-warning .alert-content li {
    color: #856404;
}

.alert-info {
    background-color: #d1ecf1;
    border-color: #17a2b8;
    color: #0c5460;
}

.alert-info .alert-content,
.alert-info .alert-content strong,
.alert-info .alert-content li {
    color: #0c5460;
}

.alert-danger {
    background-color: #f8d7da;
    border-color: #dc3545;
    color: #721c24;
}

.alert-danger .alert-content,
.alert-danger .alert-content strong,
.alert-danger .alert-content li {
    color: #721c24;
}

/* スクリーンショット・画像エリア */
.screenshot {
    background: #f7fafc;
    border-color: #e2e8f0;
    color: #4a5568;
}

/* FAQ項目 */
.faq-item {
    background: #ffffff;
}

.faq-item h4 {
    color: #2d3748;
}

.faq-item p {
    color: #4a5568;
}

/* 目次 */
.toc-nav {
    background: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
}

/* フッター */
footer {
    background: #555050;
    color: #ffffff;
}

footer a {
    color: #ffffff;
}

footer a:hover {
    color: #e2e8f0;
}