:root {
  /* Color — Warm neutral + deep ink accent（コントラスト強化：ナチュラルさは維持しつつ締まりを追加） */
  --color-base: #F6F1E7;
  --color-surface: #FFFFFF;
  --color-ink: #221E18;
  --color-ink-2: #4B453B;
  --color-border: #D8CFBF;
  --color-accent: #211D17;
  --color-accent-hover: #0F0D0A;
  --color-accent-warm: #A5763F;
  --color-tag-bg: #EDE5D6;

  /* Typography */
  --font-en: "Outfit", sans-serif;
  --font-jp: "Noto Sans JP", sans-serif;
  --font-body: "Outfit", "Noto Sans JP", sans-serif;

  --fs-body: 1rem;
  --lh-body: 1.85;
  --fs-hero-en: clamp(2.75rem, 7vw, 4.5rem);
  --fs-hero-jp: clamp(1.15rem, 2.2vw, 1.5rem);
  --fs-section-en: clamp(2rem, 4.5vw, 3rem);
  --fs-section-jp: clamp(1.35rem, 2.6vw, 1.75rem);
  --fs-label: 0.75rem;
  --ls-label: 0.12em;

  /* Layout */
  --container: 1200px;
  --pad-x-sp: 24px;
  --pad-x-pc: 80px;
  --section-y-sp: 60px;
  --section-y-pc: 96px;
  --gutter: 32px;

  /* Radius / border */
  --radius: 10px;
  --radius-sm: 6px;
  --radius-pill: 999px;
  --border: 1px solid var(--color-border);

  /* Motion */
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --dur: 800ms;

  --header-h: 72px;
}