/**
 * BookLive 共通カラー定義
 * リポジトリ全体で使用する色をCSSカスタムプロパティとして一元管理する
 * 定義するカラーはBookLive_Stylesに準じる
 */

:root {
    /* ===== 基本色 ===== */
    --color-brand: #FF5A00;       /* メインオレンジ */
    --color-brand-bg: #FE7435;    /* オレンジ背景 */
    --color-sub: #009C9D;         /* 補助色　カートに使われる色 */
    --color-accent: #FFEA30;      /* 補助色　アクセントカラー */

    /* ===== テキスト ===== */
    --color-text-primary: #333333;     /* 標準テキスト */
    --color-text-link: #0048B4;        /* リンクテキスト */
    --color-text-disabled: #B4B4B4;    /* 非活性テキスト */
    --color-text-attention: #EE0000;   /* エラーテキスト */

    /* ===== ボーダー ===== */
    --color-border-primary: #B4B4B4;   /* 主要ボーダー */

    /* ===== 背景 ===== */
    --color-bg-white: #FFFFFF;         /* 白背景 */
    --color-bg-gray: #F4F4F4;          /* グレー背景 */

    /* ===== カテゴリ ===== */
    --color-category-c: #0086DA;        /* 少年・青年マンガ */
    --color-category-c-bg: #EBF4F9;     /* 少年・青年マンガ（背景色） */
    --color-category-cf: #F93F58;       /* 少女マンガ・女性マンガ */
    --color-category-cf-bg: #FFEFF4;    /* 少女・女性マンガ（背景色） */
    --color-category-bl: #20A7AA;       /* BL */
    --color-category-bl-bg: #ECF7F7;    /* BL（背景色） */
    --color-category-tl: #6F76EB;       /* TL */
    --color-category-tl-bg: #F3F4FE;    /* TL（背景色） */
    --color-category-l: #7F8100;        /* ライトノベル */
    --color-category-l-bg: #F7F5E7;     /* ライトノベル（背景色） */
    --color-category-b: #37A265;        /* 小説・文芸 */
    --color-category-b-bg: #F0F6E6;     /* 小説・文芸（背景色） */
    --color-category-j: #4F74BE;        /* ビジネス実用 */
    --color-category-j-bg: #EBF4F9;     /* ビジネス実用（背景色） */
    --color-category-m: #12A0C4;        /* 雑誌 */
    --color-category-m-bg: #EAF6F8;     /* 雑誌（背景色） */
    --color-category-p: #12A0C4;        /* 写真集 */
    --color-category-p-bg: #EAF6F8;     /* 写真集（背景色） */
    --color-category-ad: #B659D3;       /* アダルト */
    --color-category-ad-bg: #F8F1FD;    /* アダルト（背景色） */
}