/* デザイントークン。色は原型のブランド（ネイビー #1f3a5f）を維持。
   値の直書きは禁止——ここに足してから使う。 */
:root{
  color-scheme:light;
  --bg:#f4f6f8;--surface:#ffffff;--surface-2:#eef1f4;--ink:#1a2230;--ink-2:#4a5566;--muted:#7c8794;
  --line:#d9dfe6;--brand:#1f3a5f;--brand-ink:#ffffff;--brand-soft:#e4ebf5;--brand-2:#2d5487;
  --ok:#1f8a5b;--ok-soft:#e3f3ea;--warn:#b8741a;--warn-soft:#fbefdc;--price:#b5541c;
  --line-green:#06c755;--shadow:0 6px 24px rgba(26,34,48,.08);
  --danger:#c4302b;--danger-soft:#fdecec;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --bg:#0f141b;--surface:#171d26;--surface-2:#1f2732;--ink:#eef2f6;--ink-2:#c3cbd5;--muted:#8a95a3;
    --line:#2b3542;--brand:#6f9fd8;--brand-ink:#0f141b;--brand-soft:#1c2a3d;--brand-2:#8db4e6;
    --ok:#4fc08d;--ok-soft:#173226;--warn:#e2a853;--warn-soft:#3a2c14;--price:#f0a070;--shadow:none;
    --danger:#f07a6b;--danger-soft:#3a1c1a;
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0f141b;--surface:#171d26;--surface-2:#1f2732;--ink:#eef2f6;--ink-2:#c3cbd5;--muted:#8a95a3;
  --line:#2b3542;--brand:#6f9fd8;--brand-ink:#0f141b;--brand-soft:#1c2a3d;--brand-2:#8db4e6;
  --ok:#4fc08d;--ok-soft:#173226;--warn:#e2a853;--warn-soft:#3a2c14;--price:#f0a070;--shadow:none;
    --danger:#f07a6b;--danger-soft:#3a1c1a;
}

:root{
  /* 書体：本文／見出し／数字（金額）。テーマ（themes/*.css）はここを差し替える */
  --font-body:"Noto Sans JP","Hiragino Sans","Yu Gothic",system-ui,sans-serif;
  --font-head:"Zen Kaku Gothic New","Noto Sans JP","Hiragino Sans",sans-serif;
  --font-num:"Zen Kaku Gothic New","Noto Sans JP",sans-serif;

  /* タイポ：本文は固定、見出しだけ viewport 追従（縦組みの日本語は詰めすぎない） */
  --text-hero:clamp(30px,5vw,50px);
  --text-h1:clamp(24px,3.6vw,34px);
  --text-h2:clamp(22px,3vw,28px);

  /* 間隔：セクションの縦リズム */
  --space-section:clamp(36px,4.5vw,56px);
  --radius:10px;
  --radius-lg:14px;

  /* モーション */
  --duration-fast:150ms;
  --duration-normal:300ms;
  --ease-out-expo:cubic-bezier(.16,1,.3,1);
}

/* OS の「視差効果を減らす」に従う（原型は未対応だった） */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}