/* book-app/turnjs/css/themes.css */

/* ライトテーマ（デフォルト） */
:root {
    --bg-color: #f8f8f8;
    --canvas-bg-color: #f8f8f8;
    --controler-bg-color: #f0f0f0;
    --controler-border-color: #ccc;
    --button-bg-color: rgba(0, 0, 0, 0.05);
    --button-hover-bg-color: #ddd;
    --button-border-color: #ccc;
    --text-color: #333;
    --slider-bg-color: rgba(0, 0, 0, 0.1);
    --slider-handle-bg-color: #fff;
    --slider-handle-border-color: #333;
    --thumbnail-bg-color: rgba(255, 255, 255, 0.8);
}

/* ダークテーマ */
body[data-theme='dark'] {
    --bg-color: #777; /* 目次の背景色を暗くするために変更 */
    --canvas-bg-color: #777;
    --controler-bg-color: #333;
    --controler-border-color: #666;
    --button-bg-color: rgba(255, 255, 255, 0.05);
    --button-hover-bg-color: #666;
    --button-border-color: #333;
    --text-color: #fff;
    --slider-bg-color: rgba(0, 0, 0, 0.2);
    --slider-handle-bg-color: black;
    --slider-handle-border-color: white;
    --thumbnail-bg-color: rgba(0, 0, 0, 0.5);
}