/* ============================================================
   Next-Field — デザイントークン（CSS変数 + ベースリセット）
   全ページ共通。ここを変更すると全ページに反映される。
   参照元: Next-Field_出張介護エステ_デザインの方向性.md
   ============================================================ */

:root {
  /* ブランドカラー */
  --color-main: #8FAE9B;
  --color-main-dark: #5F7F6B;
  --color-key: #E8D8C3;
  --color-accent: #D8A7A0;

  /* 背景色 */
  --color-bg: #FAF8F4;
  --color-bg-soft: #F3EFE7;
  --color-card: #FFFFFF;

  /* テキストカラー */
  --color-heading: #2F4A3A;
  --color-text: #333333;
  --color-text-sub: #666666;

  /* ボーダー */
  --color-border: #E2DDD4;

  /* エラー表示（フォームページ用） */
  --color-error: #D05A50;

  /* フォント */
  --font-sans: "Noto Sans JP", "Yu Gothic", "YuGothic", sans-serif;
  --font-serif: "Noto Serif JP", serif;
}

/* ------------------------------------------------------------
   ベースリセット
   ------------------------------------------------------------ */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  font-size: 16px;
}

body {
  font-family: var(--font-sans);
  background-color: var(--color-bg);
  color: var(--color-text);
  line-height: 1.8;
  letter-spacing: 0.03em;
  -webkit-font-smoothing: antialiased;
}

a {
  color: inherit;
  text-decoration: none;
  transition: color 0.25s ease;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

ul, ol {
  list-style: none;
}