:root{
  /* プライマリカラー */
  --fanika-primary:#EC4899;
  --fanika-primary-600:#db2777;
  /* プライマリカラーのごく薄い背景用トーン（#EC4899のrgba化。カード等の薄い塗りに使う）。
     既存コードではこの用途に rgba(236, 72, 153, 0.1) 前後の直書きが複数箇所にあるが、
     名前付き変数としては未定義だったため追加した。 */
  --fanika-primary-subtle:rgba(236, 72, 153, 0.06);

  /* アウトラインカラー */
  --fanika-outline:#94a3b8;
  --fanika-outline-600:#64748b;
  
  /* 背景色 */
  --color-bg-white:#ffffff;
  --color-bg-light:#f8f9fa;
  
  /* ボーダーカラー */
  --color-border-light:#e5e7eb;
  --color-border-gray:#cbd5e1;
  
  /* テキストカラー */
  --color-text-gray:#6b7280;
  --color-text-light-gray:#9ca3af;
  --color-text-dark:#374151;
  --color-text-medium:#4b5563;
  --color-text-darker:#1f2937;
  
  /* リンクカラー */
  --color-link-blue:#3b82f6;
  --color-link-blue-hover:#2563eb;
  --color-link-blue-dark:#1d4ed8;
  
  /* アクセントカラー */
  --color-accent-green:#10b981;
  --color-accent-purple:#8b5cf6;
  --color-accent-sky:#0ea5e9;
  --color-accent-sky-light:rgba(224, 242, 254, 0.5);

  /* LP向けデザイントークン（ログイン前トップ用） */
  --color-blue-50:#f5f9ff;
  --color-blue-100:#eaf2ff;
  --color-blue-300:#afc8ff;
  --color-blue-500:#6689d7;

  --color-pink-50:#ff6b8a;
  --color-pink-100:#ffe5ec;

  --color-gray-900:#1a1a1a;
  --color-gray-700:#666666;
  --color-gray-400:#bdbdbd;
  --color-gray-200:#e5e7eb;
  --color-white:#ffffff;
}