/* =============================================================================
   init.css
   CSS カスタムプロパティ（変数）定義
   - 案件ごとにこのファイルの値を差し替える
   - style.css より先に読み込むこと（SCSSコンパイル不要）
   ============================================================================= */

:root {
  /* ---------------------------------------------------------------------------
     コーポレートカラー（案件ごとに上書き）
  --------------------------------------------------------------------------- */
  --color-primary:    #2563EB;
  --color-secondary:  #1E40AF;
  --color-accent:     #F59E0B;

  /* ---------------------------------------------------------------------------
     テキスト
  --------------------------------------------------------------------------- */
  --color-text:       #1A1A1A;
  --color-text-muted: #6B7280;

  /* ---------------------------------------------------------------------------
     背景
  --------------------------------------------------------------------------- */
  --color-bg:         #FFFFFF;

  /* ---------------------------------------------------------------------------
     モノクロ
  --------------------------------------------------------------------------- */
  --color-white:      #FFFFFF;
  --color-black:      #111111;
  --color-gray:       #9CA3AF;
  --color-gray-light: #F3F4F6;
  --color-gray-dark:  #374151;

  /* ---------------------------------------------------------------------------
     UI
  --------------------------------------------------------------------------- */
  --color-border:     #E5E7EB;
  --color-success:    #16A34A;
  --color-error:      #DC2626;

  /* ---------------------------------------------------------------------------
     z-index（マジックナンバー禁止 → 必ずこの変数を使用すること）
  --------------------------------------------------------------------------- */
  --z-base:     0;
  --z-dropdown: 100;
  --z-header:   200;
  --z-drawer:   300;
  --z-modal:    400;
  --z-toast:    500;
}