/*
 * デザインの決まり（Figma「260828」パターン01 から）
 * 名前は WordPress の theme.json が出力する CSS 変数（--wp--preset--*）にそろえている。
 * wp/theme.json に同じ値を書いてあるので、WordPress に移すときはこのファイルを読み込まなくても同じ見た目になる。
 */
:root {
  /* 色 */
  --wp--preset--color--primary: #004098;      /* 濃い青：見出しの和文・数字・サービスの帯 */
  --wp--preset--color--primary-deep: #071b54; /* もっと濃い青：フッター・強調 */
  --wp--preset--color--accent: #3b77a8;       /* くすんだ青：ラベル・線 */
  --wp--preset--color--accent-bright: #3b8deb;/* 明るい青：現在地のメニュー */
  --wp--preset--color--tint: #deecf5;         /* 薄い青：札・面 */
  --wp--preset--color--ink: #2b2b2b;          /* 見出しの黒 */
  --wp--preset--color--body: #404040;         /* 本文 */
  --wp--preset--color--muted: #6b7280;        /* 日付・注記 */
  --wp--preset--color--line: #e5e7eb;         /* 罫線 */
  --wp--preset--color--surface: #f5f6f8;      /* 灰色の面 */
  --wp--preset--color--white: #ffffff;

  /* 文字 */
  --wp--preset--font-family--display: "Roboto", "Inter", system-ui, sans-serif;
  --wp--preset--font-family--body: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", system-ui, sans-serif;
  --wp--preset--font-family--number: "Inter", "Roboto", system-ui, sans-serif;

  --wp--preset--font-size--hero: clamp(3.25rem, 10.4vw, 9.4rem);   /* HEARTLAND GROUP */
  --wp--preset--font-size--marquee: clamp(3rem, 8.3vw, 7.5rem);    /* 流れる英文 */
  --wp--preset--font-size--section-en: clamp(2.75rem, 6vw, 5.4rem);/* PROMISE などの英字見出し */
  --wp--preset--font-size--catch: clamp(2rem, 4.6vw, 3.6rem);      /* Apple のような大きなキャッチ */
  --wp--preset--font-size--heading: clamp(1.5rem, 2.6vw, 2.1rem);  /* 和文の見出し */
  --wp--preset--font-size--title: clamp(1.15rem, 1.6vw, 1.35rem);  /* カードの題名 */
  --wp--preset--font-size--lead: clamp(1rem, 1.3vw, 1.15rem);
  --wp--preset--font-size--body: 1rem;
  --wp--preset--font-size--small: 0.875rem;
  --wp--preset--font-size--tiny: 0.75rem;

  /* 余白 */
  --wp--preset--spacing--10: 0.5rem;
  --wp--preset--spacing--20: 1rem;
  --wp--preset--spacing--30: 1.5rem;
  --wp--preset--spacing--40: 2.5rem;
  --wp--preset--spacing--50: clamp(3rem, 6vw, 5rem);
  --wp--preset--spacing--60: clamp(4.5rem, 9vw, 8rem);   /* セクションの上下 */

  /* 幅・角丸・影 */
  --wp--custom--width--content: 1200px;
  --wp--custom--width--wide: 1320px;
  --wp--custom--gutter: clamp(1.25rem, 8.3vw, 7.5rem);   /* Figma の左右 120px（1440 幅のとき） */
  --wp--custom--radius--card: 0;      /* 角は直角にそろえる（2026-10-29） */
  --wp--custom--radius--pill: 999px;
  --wp--custom--shadow--card: 0 1px 2px rgba(7, 27, 84, .06), 0 8px 24px rgba(7, 27, 84, .08);
  --wp--custom--header-height: 72px;
}