/* Brumeのデザイン値はここに集める（色・文字・余白・幅）。ヘッダー・フッター・ファーストビューの値もここ。
   他のセクション固有の値は、各 sections/*.css の先頭「このセクション固有の値」に置く。 */
[data-template="brume"] {
  --color-background: #0e1010;
  --color-surface: #151717;
  --color-warm: #1b1d1c;
  --color-paper: #121413;
  --color-text: #ece5d8;
  --color-text-muted: #b3aa9a;
  --color-primary: #b8975e;
  --color-primary-hover: #d2b57f;
  --color-soft: #8a7449;
  --color-on-primary: #0e1010;
  --color-cream: #ebe2cf;
  --color-line: #33342f;
  --color-required: #b8975e;
  --color-shade: rgb(0 0 0 / 55%);
  --color-shade-strong: rgb(8 9 9 / 66%);
  --color-transparent: transparent;
  --font-heading: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Noto Serif JP", serif;
  --font-body: Meiryo, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
  /* 題名・見出しの書体（明朝）。本文の書体（--font-body）を変えても題名はつられない */
  --font-title: var(--font-heading);
  /* 押すもの（ボタン・ナビ・リンク・ラベル）の書体（明朝）。本文の書体（--font-body）を変えても押すものはつられない */
  --font-control: var(--font-heading);
  --font-latin: "Times New Roman", Georgia, var(--font-heading);
  --font-size-heading: 2.5rem;
  --font-size-body: 1.125rem;
  --font-size-button: 1.125rem;
  --font-size-control: 1rem;
  /* よくある質問の答えの文（質問より少し小さく） */
  --font-size-faq-answer: 1.125rem;
  --font-size-card: 1.5rem;
  --font-size-lead: 1.25rem;
  --font-size-small: 0.875rem;
  --font-size-eyebrow: 0.875rem;
  --font-size-number: 2.25rem;
  --font-size-brand: 1.125rem;
  --font-size-brand-large: 4.5rem;
  --font-size-hero-title: 3.75rem;
  --font-size-wordmark: 8rem;
  --line-body: 1.9;
  --line-heading: 1.6;
  --line-tight: 1;
  --line-hero-title: 1.5;
  --weight-heading: 600;
  --weight-body: 400;
  /* 題名を太く見せる太さ（明朝は 600。本文の太さとは別） */
  --weight-title: 600;
  --track-heading: 0.1em;
  --track-eyebrow: 0.24em;
  --track-brand: 0.24em;
  --motion-duration: 0.25s;
  --motion-easing: ease;
  --motion-arrow: 4px;
  --space-section: 100px;
  --space-offset: 16px;
  --space-inline: 80px;
  --space-stack: 24px;
  --space-small: 12px;
  --space-tiny: 6px;
  --space-grid: 80px;
  --space-card-gap: 48px;
  --space-heading: 56px;
  --space-list: 24px;
  --space-button-padding: 32px;
  --space-focus: 0.25rem;
  --size-content: 1248px;
  --size-button-height: 52px;
  --size-button-width: 240px;
  --size-small-button: 200px;
  --size-line: 1px;
  --size-focus-line: 2px;
  --size-rule: 40px;
  --size-page-top: 44px;
  --space-page-top-x: 16px;
  --space-skip-link: -8rem;
  --radius-button: 0;
  --columns-split: 1fr 1fr;
  /* ヘッダー・フッター・ファーストビューの値（セクションCSSには書かない） */
  --space-header-y: 20px;
  --space-header-inline: 56px;
  --size-header-toggle: 48px;
  --size-header-toggle-bar: 24px;
  --space-drawer: 104px 20px 32px;
  --space-footer-y: 72px;
  --space-hero: 56px;
  --size-hero-height: 720px;
  --size-hero-copy: 560px;
  --size-hero-photo: 60%;
  --size-scroll-line: 56px;
  --motion-scroll-cue: 2.8s;
}

/* ページ内リンクで見出しがヘッダーに隠れないための余白（スマホのみ使用） */
html:has(body[data-template="brume"]) {
  --size-scroll-offset: 96px;
}