/* ============================================
   lotto-design-tokens.css
   全ページ共通のデザイントークン定義（カラー）
   2026-04-29 Phase B 新設、itemselect2.css L462-470 と landing.css L3-11 を統合
   ============================================ */

:root {
    /* === 主要ブランドカラー === */
    --lotto-red:        #e60012;  /* CTA / アクティブ / ボーダー */
    --lotto-red-dark:   #c00010;  /* ホバー状態 */

    /* === 黒・白・背景 === */
    --lotto-black:      #1a1a1a;  /* ヘッダ / 主要黒（itemselect2 由来） */
    --lotto-text-dark:  #1a1a1a;  /* 本文濃色（landing 由来、--lotto-black と同値だが意味別） */
    --lotto-text-light: #fff;     /* 反転テキスト（暗背景上） */
    --lotto-bg-dark:    #000;     /* 絶対黒（hero 等の特別背景） */

    /* === グレースケール === */
    --lotto-gray-text:   #666666; /* 本文グレー（itemselect2 由来） */
    --lotto-gray-border: #dcdcdc; /* ボーダー濃（itemselect2 由来） */
    --lotto-gray-bg:     #f7f7f7; /* 背景グレー（itemselect2 由来） */
    --lotto-text-muted:  #6b7280; /* 補助テキスト（landing 由来） */
    --lotto-border:      #e5e7eb; /* ボーダー淡（landing 由来） */
}