/* =====================================================
   共通変数（ライトモード）
===================================================== */
:root {
    /* =========================
     Background
  ========================= */
    --bg: #ffffff;
    --bg-sub: #ffffff;
    --bg-body: #fff9e6;
    --bg-page: #fff9e6;
    --bg-item: #ffffff;
    --bg-card: #dbecff;
    --bg-history-item: #eef7ff;
    --container-bg: #fff8e1;
    --header-bg: #F8F6F4;
    --footer-bg: #F8F6F4;
    --footer-img: url('assets/img/wakuwaku_footer_l.png');
    --breadcrumb-bg: #f0f0f0;
    --table-bg: yellow;
    /* =========================
     Text
  ========================= */
    --text: #222;
    --text-main: #333;
    --text-sub: #666;
    --text-muted: #888;
    --breadcrumb-text: #333;
    --menu-text: #444;
    --menu-arrow: #888;
    --link: #1a73e8;
    --link-hover: #1558b0;
    --link-visited: #6a5acd;
    --h2: #333;
    /* =========================
     Border / Decoration
  ========================= */
    --border: #ddd;
    --border-light: #ccc;
    --border-soft: #eee;
    --table-th: #ffeb3b;
    --shadow-card: 0 6px 0 rgba(255, 157, 0, 0.25);
    /* =========================
     Accent
  ========================= */
    --accent-main: #ff9d00;
    --accent-danger: #ff4d4d;
    --accent-info: #0099ff;
    --accent-history: #0077cc;

    --color-orange: #ff9d00;
    --color-blue: #0099ff;
    --color-green: #4caf50;
    --color-pink: #e91e63;

    --btn-hover-bg: #ffe3f1;
    --accent-color: #4A90E2;
    /* =========================
     教科カラー
  ========================= */
    --pre-school-bg: #FCE4EC;
    --pre-school-c: #f06292;
    --pre-school-item-bg: #ffe3f1;

    --japanese-bg: #F8B5B5;
    --japanese-c: #fb7f04;
    --japanese-item-bg: #fce4e4;

    --math-bg: #AFCBFF;
    --math-c: #0458ff;
    --math-item-bg: #eef7ff;

    --science-bg: #B7E4C7;
    --science-c: #5E9F7A;
    --science-item-bg: #d0f0ff;

    --social-bg: #FFF3B0;
    --social-c: #C7B86A;
    --social-item-bg: #fff8e1;

    --english-bg: #D7C4F3;
    --english-c: #8A6FB3;
    --english-item-bg: #f3e8ff;
    /* =========================
        パステルカラー      
  ========================= */
    --pastel-orange: #ff9513;
    --pastel-yellow: #fff3b0;
    --pastel-blue: #bde0fe;
    --pastel-green: #caffbf;
    --pastel-pink: #ffc8dd;
    --pastel-purple: #e4c1f9;
    --pastel-shadow-orange: #ffb703;
    --pastel-shadow-blue: #74c0fc;
    --pastel-shadow-green: #69db7c;
    --pastel-shadow-pink: #f06595;
    /* =========================
     吹き出し / キャラ
  ========================= */
    --fuki-bg: #ffffff;
    --fuki-text: #333333;

    --manabu-bg: #d0f0ff;
    --manabu-text: #003366;

    --akari-bg: #fff0f0;
    --akari-text: #550022;

    --sakura-bg: #ffe4ec;
    --sakura-text: #8b004f;

    --kokoro-bg: #f3e8ff;
    --kokoro-text: #6b21a8;
}


/* =====================================================
   ダークモード
===================================================== */
body[data-theme="dark"] {

    /* Background */
    --bg: #1a1a1a;
    --bg-sub: #222;
    --bg-body: #121c26;
    --bg-page: #121c26;
    --bg-item: #1b2a3a;
    --bg-card: #1b2a3a;
    --bg-history-item: #23384d;
    --container-bg: #2a2a2a;
    --header-bg: #333;
    --footer-bg: #333;
    --footer-img: url('assets/img/wakuwaku_footer_d.png');
    --breadcrumb-bg: #2a2a2a;
    --table-bg: #3b3b01;
    /* Text */
    --text: #eaeaea;
    --text-main: #e8eef5;
    --text-sub: #b2c2d1;
    --text-muted: #93a4b5;
    --breadcrumb-text: #ddd;
    --menu-text: #fff;
    --menu-arrow: #ccc;
    --link: #6fb4ed;
    --link-hover: #74c0fc;
    --link-visited: #b197fc;
    /* Border / Decoration */
    --border: #444;
    --border-light: #3a5168;
    --border-soft: #2a3e52;
    --table-th: #555500;
    --shadow-card: 0 6px 0 rgba(255, 179, 71, 0.35);
    --h2: #eee;
    /* Accent */
    --accent-main: #ffb347;
    --accent-danger: #ff6b6b;
    --accent-info: #4db3ff;
    --accent-history: #6cbcff;

    --color-orange: #f6e3c7;
    --color-blue: #4db3ff;
    --color-green: #6fdc8c;
    --color-pink: #cc3f71;

    --btn-hover-bg: #663346;
    --accent-color: #b6d7ff;
    /* 教科カラー（反転調整） */
    --japanese-bg: #C06A6A;
    --japanese-c: #F8B5B5;
    --japanese-item-bg: #a74b4b;

    --math-bg: #5A7BBF;
    --math-c: #5A7BBF;
    --math-item-bg: #3a5170;

    --science-bg: #5E9F7A;
    --science-c: #B7E4C7;
    --science-item-bg: #396e53;

    --social-bg: #3f3917;
    --social-c: #FFF3B0;
    --social-item-bg: #ac9035;

    --english-bg: #8A6FB3;
    --english-c: #D7C4F3;
    --english-item-bg: #672fa4;

    /* パステルカラー（反転調整） */
    --pastel-orange: #b08968;
    --pastel-yellow: #d78007;
    --pastel-blue: #3a6ea5;
    --pastel-green: #4f8f6f;
    --pastel-pink: #9d4d6a;
    --pastel-purple: #7b5ea7;

    --pastel-shadow-orange: #8c6a43;
    --pastel-shadow-blue: #2c5c8f;
    --pastel-shadow-green: #3e6f55;
    --pastel-shadow-pink: #6f3048;
    /* 吹き出し / キャラ */
    --fuki-bg: #222222;
    --fuki-text: #eeeeee;

    --manabu-bg: #1e3a4d;
    --manabu-text: #cce6ff;

    --akari-bg: #4d1e3a;
    --akari-text: #ffd6ee;

    --sakura-bg: #8b004f;
    --sakura-text: #ffe4ec;

    --kokoro-bg: #6b21a8;
    --kokoro-text: #f3e8ff;
}

.mc {
    background: var(--bg);
    color: var(--text-sub);
}

.japanese {
    background-color: var(--japanese-bg);
}

.math {
    background-color: var(--math-bg);
}

.science {
    background-color: var(--science-bg);
}

.social {
    background-color: var(--social-bg);
}

.english {
    background-color: var(--english-bg);
}