/* Probono Works — design tokens
   カラー・角丸・影・イージングなどの共通変数のみを定義する。
   他の CSS はすべてこのファイルの変数を参照する。 */

:root {
  --bg: #fafbfc;
  --bg-deep: #f1f5f4;
  --bg-card: #ffffff;
  --bg-card-hover: #f6fbf9;
  --bg-input: #ffffff;
  --text-main: #000000;
  --text-sub: #000000;
  --text-mute: #000000;
  --accent: #2563eb;
  --accent-strong: #1d4ed8;
  --accent-soft: rgba(37, 99, 235, 0.10);
  --border: #dbe3f0;
  --border-strong: #b8c6e0;
  --footer-bg: #0f2444;
  --footer-text: #ffffff;
  --footer-mute: #ffffff;
  --radius: 6px;
  --maxw: 1160px;
  --form-maxw: 600px;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --shadow-card: 0 1px 2px rgba(15, 23, 42, 0.04), 0 4px 14px rgba(15, 23, 42, 0.06);
  --shadow-card-hover: 0 4px 8px rgba(37, 99, 235, 0.08), 0 8px 22px rgba(37, 99, 235, 0.10);
  --font-ja: "Yu Gothic", "游ゴシック", "YuGothic", "Hiragino Sans", "ヒラギノ角ゴシック", "Meiryo", sans-serif;
  --font-en: "Helvetica Neue", Arial, sans-serif;
}