/* 自動生成 — DESIGN.md から build_design.py が出力。直接編集しない */
/* 採用案: A（紺と金茶）— 先方の車と作業着の紺を濃い面に、押してほしいボタンだけ金茶。見出しは明朝で、職人の会社のまじめさを出す */

:root {
  --container-max: 1040px;
  --container-gutter-sp: 16px;
  --container-gutter-pc: 80px;
  --header-h-sp: 56px;
  --header-h-pc: 80px;
  --fv-photo-h-sp: 280px;
  --fv-h-pc: 560px;
  --fv-text-w-pc: 520px;
  --pagehead-h-sp: 220px;
  --pagehead-h-pc: 320px;
  --button-h: 56px;
  --button-h-header: 48px;
  --button-h-consult: 64px;
  --button-h-pill: 44px;
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 40px;
  --space-3xl: 48px;
  --space-4xl: 56px;
  --space-5xl: 64px;
  --space-6xl: 80px;
  --space-7xl: 96px;
  --space-8xl: 128px;
  --font-size-xs: 14px;
  --font-size-sm: 16px;
  --font-size-md: 18px;
  --font-size-lg: 20px;
  --font-size-xl: 22px;
  --font-size-2xl: 24px;
  --font-size-3xl: 28px;
  --font-size-4xl: 32px;
  --font-size-5xl: 36px;
  --font-size-6xl: 40px;
  --font-size-num-sp: 96px;
  --font-size-num-pc: 160px;
  --line-height-tight: 1.4;
  --line-height-snug: 1.6;
  --line-height-base: 1.9;
  --font-body: 'Noto Sans JP', sans-serif;
  --radius-pill: 1000px;
  --motion-dur-fast: 200ms;
  --motion-dur-base: 400ms;
  --motion-dur-wipe: 1200ms;
  --motion-delay-wipe: 400ms;
  --motion-ease-wipe: cubic-bezier(0.65, 0, 0.35, 1);
  --motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --z-header: 100;
  --z-drawer: 110;
  --color-bg: #F7F5F0;
  --color-surface: #ECE8DF;
  --color-panel: #FFFEFB;
  --color-text: #1F2833;
  --color-text-muted: #4D5661;
  --color-line: #D6D1C6;
  --color-line-strong: #7C838C;
  --color-accent: #2B4257;
  --color-cta-bg: #7E6224;
  --color-cta-text: #FFFEFB;
  --color-deep: #2B4257;
  --color-on-deep: #FFFEFB;
  --color-line-on-deep: rgba(255, 254, 251, 0.4);
  --color-cta-deep-bg: #D9B872;
  --color-cta-deep-text: #1F2833;
  --color-veil: rgba(22, 33, 45, 0.70);
  --color-on-photo: #FFFEFB;
  --font-heading: 'Zen Old Mincho', 'Noto Serif JP', serif;
  --font-heading-weight: 700;
  --font-heading-tracking: 0.04em;
  --font-body-tracking: 0.04em;
  --shape-radius: 4px;
  --shadow-fill: 0 2px 0 var(--color-text);
  --shadow-fill-hover: 0 4px 0 var(--color-text);
  --shadow-line-hover: 0 2px 0 var(--color-accent);
  --shadow-ib-hover: 0 2px 0 var(--color-line-strong);
}