/* ========================================
 * EC-CUBE BtoB受注サイト - CSS変数定義
 * ======================================== */

:root {
  /* ========================================
   * Colors
   * ======================================== */

  /* Primary - イワオカコーポレートブルー */
  --btob-primary: #1e73be;
  --btob-primary-hover: #155a96;
  --btob-primary-active: #0d4a7d;
  --btob-primary-light: #e8f4fc;

  /* Primary Dark - 濃紺（ヘッダー等） */
  --btob-primary-dark: #091266;
  --btob-primary-navy: #000063;

  /* Accent - オレンジ（強調用） */
  --btob-accent: #dd9933;
  --btob-accent-hover: #c4862d;

  /* Text */
  --btob-text: #333333;
  --btob-text-secondary: #666666;
  --btob-text-muted: #999999;

  /* Background */
  --btob-bg: #F5F5F5;
  --btob-bg-white: #FFFFFF;

  /* Border */
  --btob-border: #E0E0E0;
  --btob-border-light: #EEEEEE;

  /* Status */
  --btob-success: #28A745;
  --btob-error: #DC3545;
  --btob-warning: #FFC107;

  /* ========================================
   * Typography
   * ======================================== */
  --btob-font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN",
                      "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;

  --btob-font-size-xs: 11px;
  --btob-font-size-sm: 13px;
  --btob-font-size-md: 14px;
  --btob-font-size-lg: 16px;
  --btob-font-size-xl: 18px;
  --btob-font-size-2xl: 20px;

  --btob-font-weight-normal: 400;
  --btob-font-weight-medium: 500;
  --btob-font-weight-bold: 700;

  /* ========================================
   * Spacing
   * ======================================== */
  --btob-space-xs: 4px;
  --btob-space-sm: 8px;
  --btob-space-md: 12px;
  --btob-space-lg: 16px;
  --btob-space-xl: 24px;
  --btob-space-2xl: 32px;

  /* ========================================
   * Border Radius
   * ======================================== */
  --btob-radius-sm: 4px;
  --btob-radius-md: 8px;
  --btob-radius-lg: 12px;
  --btob-radius-pill: 9999px;

  /* ========================================
   * Shadows
   * ======================================== */
  --btob-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --btob-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1);
  --btob-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12);

  /* ========================================
   * Component Sizes
   * ======================================== */
  --btob-header-height: 56px;
  --btob-footer-height: 72px;
  --btob-search-height: 48px;
  --btob-input-height: 40px;
  --btob-btn-height: 44px;
  --btob-touch-target: 44px;

  /* ========================================
   * Transitions
   * ======================================== */
  --btob-transition-fast: 0.15s ease;
  --btob-transition-normal: 0.2s ease;
  --btob-transition-slow: 0.3s ease;

  /* ========================================
   * Z-index
   * ======================================== */
  --btob-z-header: 100;
  --btob-z-footer: 100;
  --btob-z-modal: 200;
  --btob-z-toast: 300;
}