/* kabu365.net theme — Editorial Red (default)
   - 既存ブランド色 #c1232b を継承した、紙面風 × 朱赤アクセントのテーマ
   - このファイルだけ差し替えれば、サイト全体の配色を変更できる
   - 別テーマを作る場合は同じ構造で themes/foo.css を作り、header.tmpl の link を切替
   - 基本トークン (typography / layout / motion) は tokens.css 側で固定 */

:root {
    /* Color: paper × ink (紙白 × 墨黒) */
    --k365-paper:        #faf8f2;
    --k365-paper-deep:   #f1ecdf;
    --k365-paper-warm:   #f5f1e6;
    --k365-ink:          #0c0c0c;
    --k365-ink-soft:     #2a2a2a;
    --k365-ink-mute:     #5a5852;
    --k365-ink-faint:    #908d85;

    /* Color: data semantics (株式情報の伝統に従い「数値増加=朱赤、減少=緑」) */
    --k365-signal-up:    #c1232b;
    --k365-signal-down:  #0f4f3c;
    --k365-signal-flat:  #908d85;
    --k365-signal-warn:  #c89a3c;
    --k365-signal-info:  #1d3f8a;

    /* Brand */
    --k365-brand-red:      #c1232b;
    --k365-brand-red-deep: #931619;

    /* セマンティック別名 (コンポーネントはこちらを参照する設計推奨) ----------
       例: 配色を青基調にしたい時は、
            --k365-brand-primary を別の色に変えるだけで全コンポーネントが追従する */
    --k365-brand-primary:        var(--k365-brand-red);
    --k365-brand-primary-deep:   var(--k365-brand-red-deep);
    --k365-brand-primary-on:     #ffffff;        /* primary 上のテキスト色 */
    --k365-brand-accent:         var(--k365-signal-warn);  /* 補助アクセント (現在=黄金) */

    /* Surface */
    --k365-surface-base:    var(--k365-paper);
    --k365-surface-deep:    var(--k365-paper-deep);
    --k365-surface-warm:    var(--k365-paper-warm);
    --k365-surface-inverse: var(--k365-ink);
    --k365-text-base:       var(--k365-ink);
    --k365-text-soft:       var(--k365-ink-soft);
    --k365-text-mute:       var(--k365-ink-mute);
    --k365-text-faint:      var(--k365-ink-faint);
    --k365-text-on-inverse: var(--k365-paper);

    /* Rule (細罫線) */
    --k365-rule-strong:  #0c0c0c;
    --k365-rule:         rgba(12, 12, 12, 0.18);
    --k365-rule-faint:   rgba(12, 12, 12, 0.08);
}