@charset "UTF-8";

/* =========================================================
   aap_core.css

   場所 : salient-child/css/aap_core.css
   役割 : 土台。トークンのみ（色・書体・物理・寸法の正本）

   ---------------------------------------------------------
   ここは誰も参照しない。参照する側が下
   下が上を参照する。上は下を知らない

   色を変えたいときは、ここの1行
   書体を変えたいときも、ここの1行

   ---------------------------------------------------------
   AAP-LABO は Salient ではない

   テーマは UI を借りているだけ。デザインを買ったのではない
   子テーマ AL は親に依存しない独立型
   だから色も書体も、本丸はここ（CSS）
   Salient の設定は、Salient が自動生成する箇所のための鏡
   本当の AAP はここにある
   ---------------------------------------------------------
   ========================================================= */


:root {

    /* =====================================================
       01. AAP カラー ── 色の憲法（単一権威）

       ここが色の正本
       AAP が書く CSS は全て var(--aap-*) でここを引く
       → 色を変えるときは、ここの1行で全要素が追従する

       Salient の Accent Colors は、この値を写した鏡
       Salient が自動生成する箇所（タグ・リンク・ボタン）のため
       設定側にも同じ値を入れる。でも本当の色はここ

       Salient 対応 :
       Accent Color   = --aap-orange
       Extra Color #1 = --aap-blue
       Extra Color #3 = --aap-black
       ===================================================== */

    --aap-orange: #F47521;   /* RINA / アクセント     / Salient Accent   */
    --aap-blue:   #3B8AF0;   /* EINA                 / Salient Extra #1 */
    --aap-gray:   #8A8A8A;   /* おじさん / ト書き / 参考              */
    --aap-black:  #0A0A0A;   /* 本文                 / Salient Extra #3 */
    --aap-rule:   #E7E4DC;   /* 区切り線                            */

    /* =====================================================
       01-1. AAPモデルの色 ── ゲストが持つ

       色は人が持つ。シリーズは持たない
       同じ恵が LOG のどの回に出ても、恵はラベンダー

       01（憲法）が RINA・EINA・おじさんの色を持つのに対し
       ここは LOG に呼ばれる S_MODEL の色

       立つときに1行足す。必要駆動
       出ないモデルの色は、まだ書かない
       ===================================================== */

    --aap-lavender: #B57EDC;   /* MEGUMI / 恵 / LOG0001 ゲスト */

    --aap-sky: #7CB4E3;   /* NOZOMI / 神崎望 */

    /* §01-1 AAPモデルの色 に追加 */
   --aap-juri: #8C52FF;   /* JURI / J-STUDYのテーマカラー（パープル） */

   --aap-shadow: #E6C227; /* SHADOW / 裏の姿の名前色（獣の目の黄）。is-shadow が引く */

    /* =====================================================
       01-2. シリーズの色 ── 入り口が持つ

       4つの入り口を色で見分ける
       構造は共通、色で分岐（body.category-* が持ち場）

       ODYSSEY = メイン（語り）    橙  ※ --aap-orange と同系＝AAPの顔
       LABO    = サブ（奮闘・研究） 深紅 ※ 情熱。橙とはっきり分ける
       LIFE    = カラー2（生活・空） 青
       GALLERY = カラー1（作品）    黒

       ばらつきを出さない：橙を基準に、深紅(暖)・青(寒)・黒(無彩)で締める
       ===================================================== */

    --aap-series-odyssey: var(--aap-orange);   /* ODYSSEY = 橙（AAPの顔） */
    --aap-series-labo:    #C0392B;             /* LABO    = 深紅（奮闘の情熱） */
    --aap-series-life:    #3B8AF0;             /* LIFE    = 青（空） */
    --aap-series-gallery: var(--aap-black);    /* GALLERY = 黒（作品が映える） */

    /* =====================================================
       02. 書体 ── 二層構造（システム土台 + Web フォント味付け）

       本文は システムに預ける
         OS ごとに最善を名指しする。長文はこれが一番読みやすい
         Mac/iOS : ヒラギノ / Windows : メイリオ（游は汚いので不使用）
         Android : Noto。全 OS 統一より、各 OS の可読性を優先する
         ＝ ヒラギノを殺さない

       Web フォントは 味付けの場所だけ
         ヘッダー・セリフ・マーカーは self-host した書体を当てる
         登録は aap_fonts.css（@font-face を集約、脱 CDN）
         ここは名前を呼ぶだけ

       増やし方 :
         使う書体が必要になったら、その時に拾って足す
         google-webfonts-helper で japanese（英字は latin）を落とし
         aap_fonts.css に @font-face を1本、ここに別名を1行
         悩まないために全部読む、はしない。必要駆動
       ===================================================== */

    /* --- システム（土台。本文・地の文） --- */
    --aap-font-jp-gothic:
        "Hiragino Kaku Gothic ProN",
        "Hiragino Sans",
        "Yu Gothic Medium",
        Meiryo,
        sans-serif;

    --aap-font-jp-mincho:
        "Hiragino Mincho ProN",
        "Yu Mincho",
        "YuMincho",
        serif;

    --aap-font-en-gothic:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Helvetica,
        Arial,
        sans-serif;


    /* --- 役割で引く別名（本丸。使う側はこれを引く） ---
       書体を変えるときは、ここの1行を差し替える
       実体（'Zen Kaku AAP' 等）は aap_fonts.css が登録済み */

    /* ヘッダー・タイトル = Zen Kaku Gothic New（self-host）
       日本語ゴシックの顔。全 OS 統一する場所 */
    --aap-font-title: 'Zen Kaku AAP', var(--aap-font-jp-gothic);

    /* セリフ = Shippori Mincho（self-host）
       会話を明朝で。脚本の質感。「セリフは明朝」 */
    --aap-font-serif: 'Shippori AAP', var(--aap-font-jp-mincho);

    /* 手書き = Zen Kurenaido（self-host）
       RINA のツッコミ・本音・心の声。ここぞの一言に差す */
    --aap-font-hand: 'Zen Kurenaido AAP', var(--aap-font-jp-gothic);

    /* 数字・欧文の一撃 = Anton（self-host）
       8.7% を文中で立てる。R-NOTE は数字の記事 */
    --aap-font-num: 'Anton AAP', var(--aap-font-en-gothic);

    /* 本文 = システム（Web フォントにしない。ヒラギノを活かす） */
    --aap-font-body: var(--aap-font-jp-gothic);

    /* サブ・抜粋 = 状況で使い分け
       抜粋は commons で Zen を当てている。ここは明朝の受け皿 */
    --aap-font-sub: var(--aap-font-jp-mincho);


    /* =====================================================
       03. 言語の物理

       言語が違えば折り返しも行送りも違う
       日本語 : 分かち書きがない。文字の途中で折れる
       英語   : 単語で折れる。字面が低い
       （韓国語は使う日が来たら足す。分かち書きあり = 1.8 前後）
       ===================================================== */

    /* --- 日本語 --- */
    /* 英文の 1.6 では詰まる */
    --aap-lh-jp:    2.0;
    --aap-lh-jp-sp: 1.95;

    /* --- 英語 --- */
    --aap-lh-en:    1.7;
    --aap-lh-en-sp: 1.65;


    /* =====================================================
       04. 本文サイズ
       ===================================================== */

    --aap-fs-body:    17px;
    --aap-fs-body-sp: 16px;
    --aap-fs-small:   14px;


    /* =====================================================
       05. 話者名の幅

       ぶら下げの深さ。全コンポーネントで共通
       「おじさん」が4文字
       長い名前が出たら、ここを広げる
       ===================================================== */

    --aap-name-w: 5.5em;

}