/* ===== デザイントークン（CSS変数） ===== */
/* Opus戦略指示書 4-1 準拠 */

:root {
  /* ── ブランドカラー ── */
  --color-brand:        #FFC04F;   /* イチカブAIオレンジ（ロゴ準拠） */
  --color-brand-hover:  #F0A832;
  --color-brand-light:  #FFF4DC;   /* 背景アクセント用 */

  /* ── ベース ── */
  --color-bg:           #FFFFFF;
  --color-bg-subtle:    #F7F8FA;   /* セクション区切り */
  --color-bg-card:      #FFFFFF;
  --color-border:       #E5E7EB;
  --color-border-strong:#D1D5DB;

  /* ── テキスト ── */
  --color-text:         #1F2937;   /* メイン文字 */
  --color-text-sub:     #6B7280;   /* 補足 */
  --color-text-muted:   #9CA3AF;   /* 弱い説明 */

  /* ── セマンティック（チャート専用） ── */
  --color-bull:         #16A34A;   /* 陽線・買い */
  --color-bear:         #DC2626;   /* 陰線・売り */
  --color-ma5:          #C8920A;   /* MA5：からし色（ブランド色より暗め） */
  --color-ma25:         #1565C0;   /* MA25：濃い青 */

  /* ── 状態色 ── */
  --color-success:      #16A34A;
  --color-danger:       #DC2626;
  --color-info:         #3B82F6;
  --color-disabled-bg:  #E5E7EB;
  --color-disabled-fg:  #9CA3AF;

  /* ── シャドウ ── */
  --shadow-sm:  0 1px 2px rgba(0,0,0,0.04);
  --shadow-md:  0 4px 12px rgba(0,0,0,0.08);
  --shadow-lg:  0 10px 28px rgba(0,0,0,0.12);

  /* ── 角丸 ── */
  --radius-sm:   8px;
  --radius-md:  12px;
  --radius-lg:  16px;
  --radius-pill: 999px;

  /* ── 余白（8pxグリッド） ── */
  --space-1:  4px;
  --space-2:  8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;

  /* ── フォントサイズ ── */
  --fs-xs:   12px;
  --fs-sm:   14px;
  --fs-base: 16px;
  --fs-lg:   18px;
  --fs-xl:   22px;
  --fs-2xl:  28px;
  --fs-3xl:  34px;

  /* ── フォントウェイト ── */
  --fw-regular: 400;
  --fw-medium:  500;
  --fw-bold:    700;
}