@charset "utf-8";

/* =========================================================
   OHTAYA Foundation
   サイト共通のデザイントークン・基本文字組み
========================================================= */

:root {
  /* Brand colors */
  --color-main: #245640;
  --color-main-dark: #16392b;
  --color-emergency: #245d46;
  --color-accent: #bd8b3c;
  --color-button: var(--color-main);
  --color-daiji: #a30328;
  --color-underline1: #ffd000;
  --color-underline2: #232323;
  --color-underline3: var(--color-main);

  /* Text and surfaces */
  --color-text: #2f2b29;
  --color-muted: #232323;
  --color-bg: #ffffff;
  --color-bg-soft: #f7f4ef;
  --color-bg-guide: #f2f3f5;
  --color-notice: #fff8ce;
  --color-line: #e5dfd8;
  --color-kyouka: #562437;

  /* Shape, shadow and layout */
  --radius-md: 12px;
  --radius-lg: 18px;
  --shadow-card: 0 12px 32px rgba(53, 43, 35, .10);
  --content-width: 1180px;

  /* Typography */
  --font-base: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;

  /* 既存の試作クラスとの互換用。段階的に共通変数へ移行する */
  --home-main: var(--color-main);
  --home-main-dark: var(--color-main-dark);
  --home-emergency: var(--color-emergency);
  --home-accent: var(--color-accent);
  --home-text: var(--color-text);
  --home-muted: var(--color-muted);
  --home-bg: var(--color-bg);
  --home-bg-soft: var(--color-bg-soft);
  --home-bg-guide: var(--color-bg-guide);
  --home-notice: var(--color-notice);
  --home-line: var(--color-line);
  --home-radius: var(--radius-lg);
  --home-shadow: var(--shadow-card);
  --home-width: var(--content-width);
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  color: var(--color-text);
  background: var(--color-bg);
  font-size: 16px;
  font-family: var(--font-base);
}

body.home-modal-open {
  overflow: hidden;
}