/* ============================================================
   Repository UI Theme

   このファイルはリポジトリごとのカラー設定である。
   共通デザインシステムの構造・余白・コンポーネントは変えず、
   ブランドカラーだけをこのファイルで上書きする。

   変更時は data/ui/foundations/color.md のコントラスト条件を確認する。
   ============================================================ */

:root {
  /* Brand */
  --repo-color-primary:      #102A43;
  --repo-color-primary-dark: #0B1F33;
  --repo-color-primary-tint: rgba(16,42,67,0.06);
  --repo-color-accent:       #365C70;
  --repo-color-gold:         #8A6F3D;

  /* Page and text */
  --repo-color-bg:           #F6F8FA;
  --repo-color-bg-dark:      #111827;
  --repo-color-bg-beige:     #EEF2F6;
  --repo-color-text:         #1F2933;
  --repo-color-text-light:   #5B677A;
  --repo-color-white:        #FFFFFF;
  --repo-color-border:       rgba(16,42,67,0.12);

  /* Semantic */
  --repo-color-success:      #15803D;
  --repo-color-error:        #B42318;
  --repo-color-warning:      #B54708;
  --repo-color-info:         #2563EB;

  /* Channel-specific accents */
  --repo-admin-sidebar-bg:   var(--repo-color-primary);
  --repo-mobile-accent:      var(--repo-color-primary);
  --repo-mobile-accent2:     #2563EB;
  --repo-lp-brand-blue:      #2563EB;
  --repo-lp-brand-blue-light: rgba(37,99,235,0.08);
  --repo-lp-brand-blue-mid:   rgba(37,99,235,0.15);

  /* Dark theme overrides */
  --repo-dark-color-bg:           #0f1117;
  --repo-dark-color-bg-dark:      #0a0c10;
  --repo-dark-color-bg-beige:     #161820;
  --repo-dark-color-primary:      #7CB7E8;
  --repo-dark-color-primary-dark: #A6D4F5;
  --repo-dark-color-primary-tint: rgba(124,183,232,0.12);
  --repo-dark-color-accent:       #7A9CAF;
  --repo-dark-color-gold:         #D6B56D;
  --repo-dark-color-text:         #E5E7EB;
  --repo-dark-color-text-light:   #AAB4C0;
  --repo-dark-color-white:        #1a1e28;
  --repo-dark-color-border:       rgba(255,255,255,0.1);
  --repo-dark-admin-sidebar-bg:   #0a0e18;
  --repo-dark-mobile-accent:      #7CB7E8;
  --repo-dark-mobile-accent2:     #A6D4F5;
  --repo-dark-lp-brand-blue-light: rgba(124,183,232,0.12);
  --repo-dark-lp-brand-blue-mid:   rgba(124,183,232,0.20);
}