/* Lumièreのデザイン値はここに集める（色・文字・余白・幅）。ヘッダー・フッター・ファーストビューの値もここ。
   他のセクション固有の値は、各 sections/*.css の先頭「このセクション固有の値」に置く。 */
[data-template="lumiere"] {
  --color-background: #faf7f2;
  --color-surface: #fffdfa;
  --color-warm: #f2ece4;
  --color-paper: #f6f1ea;
  --color-paper-deep: #efe7dd;
  --color-text: #4a3f38;
  --color-text-muted: #7b6e65;
  --color-primary: #86695c;
  --color-primary-hover: #6d5348;
  --color-soft: #d6c4b6;
  --color-on-primary: #fffdfa;
  --color-line: #e5dbcf;
  --color-required: #c27b72;
  --color-shade: rgb(50 38 32 / 36%);
  --color-shade-strong: rgb(50 38 32 / 52%);
  --color-wash: rgb(250 247 242 / 88%);
  --color-transparent: transparent;
  --font-heading: "Shippori Mincho", "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;
  --font-body: "Shippori Mincho", "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;
  --font-latin: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --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: 2.25rem;
  --font-size-brand-small: 1.875rem;
  --font-size-hero-title: 3.75rem;
  --font-size-quote-mark: 2.75rem;
  --line-body: 1.9;
  --line-heading: 1.6;
  --line-tight: 1;
  --line-hero-title: 1.5;
  --weight-heading: 600;
  --weight-body: 600;
  --track-heading: 0.06em;
  --track-eyebrow: 0.2em;
  --track-brand: 0.08em;
  --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: 280px;
  --size-small-button: 200px;
  --size-line: 1px;
  --size-focus-line: 2px;
  --size-rule: 40px;
  --size-icon: 40px;
  --size-icon-circle: 64px;
  --size-avatar: 88px;
  --size-badge: 44px;
  --size-page-top: 44px;
  --space-page-top-x: 16px;
  --space-skip-link: -8rem;
  --radius-button: 2px;
  --radius-circle: 50%;
  --columns-split: 0.75fr 1.75fr;
  /* ヘッダー・フッター・ファーストビューの値（セクションCSSには書かない） */
  --space-header-y: 16px;
  --space-header-inline: 56px;
  --size-header-toggle: 48px;
  --size-header-toggle-bar: 24px;
  --space-drawer: 104px 20px 32px;
  --space-footer-y: 40px;
  --space-hero: 56px;
  --size-hero-height: 560px;
  --size-hero-copy: 640px;
}

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