/* ==========================================================================
   tokens.css — seo-professional / Phase 2.5 共通デザイントークン
   --------------------------------------------------------------------------
   役割:
     - TOP 確定版 (A_enterprise-trust) の Tailwind config を CSS 変数化
     - Phase 2.5 は Tailwind CDN 運用のため、本ファイルは "参照用ドキュメント"
       としての役割（実描画は CDN 側 Tailwind class が担当）
     - Phase 3 で engineer が child theme へ移植する際の SoT
       （Tailwind ビルド方式から外れる場合の fallback 参照）
   出典:
     - phase2-final-comps/A_enterprise-trust/index.html L13–L46（tailwind.config）
   運用:
     - 値の追加は禁止（TOP SoT を超えた色・影・余白は導入しない）
     - Phase 3 で engineer がここを起点に child theme の variables.scss 等へ移植する
   ========================================================================== */

:root {
  /* ===== Color: Primary（CTA 主色）===== */
  --color-primary:        #ff7741;
  --color-primary-hover:  #e85f29;
  --color-primary-soft:   #fff3ec;

  /* ===== Color: Navy（強調・H 装飾）===== */
  --color-navy:           #0d2b4e;
  --color-navy-deep:      #081f3a;
  --color-navy-soft:      #eaf1f9;
  --color-navy-hover:     #173a63;

  /* ===== Color: Blue（補助強調）===== */
  --color-blue:           #2D92E8;
  --color-blue-soft:      #eaf4fd;

  /* ===== Color: Text & Surface ===== */
  --color-text:           #0f172a;
  --color-subtext:        #475569;
  --color-bg:             #f7f9fc;
  --color-line:           #e2e8f0;

  /* ===== Font Family ===== */
  --font-sans: 'Noto Sans JP', system-ui, -apple-system, sans-serif;

  /* ===== Box Shadow ===== */
  --shadow-cta:        0 6px 16px rgba(255, 119, 65, 0.20);
  --shadow-cta-hover:  0 10px 24px rgba(255, 119, 65, 0.30);
  --shadow-card:       0 4px 12px rgba(13, 43, 78, 0.06);
  --shadow-card-hover: 0 12px 28px rgba(13, 43, 78, 0.12);

  /* ===== Motion（Phase 2.5 で確定したアニメ duration / easing）===== */
  --motion-duration-fast: 0.2s;   /* CTA hover / card hover */
  --motion-duration-mid:  0.6s;   /* scroll fade-in */
  --motion-duration-slow: 30s;    /* hero 装飾円ゆらぎ */
  --motion-ease-out:      ease-out;
  --motion-ease-inout:    ease-in-out;
}