/* base.css: リセット・CSS変数・共通スタイル
   マジックナンバー禁止。色・サイズはすべてここの変数で一元管理する。 */

:root {
  /* --- 配色: 森と昆虫の温かいパレット --- */
  --c-bg:           #f4f6ee;  /* 背景: 淡い若葉 */
  --c-surface:      #ffffff;  /* カード・面 */
  --c-surface-alt:  #f0f3e7;  /* 面のサブ */
  --c-primary:      #6eb846;  /* 葉の緑 (v2 踏襲) */
  --c-primary-dark: #4f9230;
  --c-accent:       #f4a93b;  /* 樹液・はちみつ */
  --c-accent-dark:  #d98a1f;
  --c-danger:       #d9543b;  /* 警告・巣立ちサイン */
  --c-gold:         #c98a1c;  /* 称号 */
  --c-text:         #3a3a32;
  --c-text-muted:   #7a7a6e;
  --c-border:       #d8d8c8;
  --c-shadow:       rgba(60, 60, 40, 0.15);

  /* --- メーター --- */
  --c-meter-track:  #e4e4d4;
  --c-meter-fill:   #6ec46e;

  /* --- 余白スケール --- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-6: 24px;
  --sp-8: 32px;

  /* --- 角丸 --- */
  --r-sm:   6px;
  --r-md:   10px;
  --r-lg:   16px;
  --r-pill: 999px;

  /* --- 文字サイズ --- */
  --fs-sm:   12px;
  --fs-base: 15px;
  --fs-md:   17px;
  --fs-lg:   20px;
  --fs-xl:   26px;

  /* --- レイアウト --- */
  --nav-h:       60px;
  --content-max: 480px;
  --shadow-card: 0 2px 6px var(--c-shadow);

  /* --- フォント (丸ゴシック優先で子供向けの柔らかさ) --- */
  --font-rounded: 'Hiragino Maru Gothic ProN', 'Hiragino Maru Gothic Pro',
    'Yu Gothic', 'YuGothic', 'Meiryo', system-ui, -apple-system, sans-serif;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-rounded);
  font-size: var(--fs-base);
  line-height: 1.6;
  color: var(--c-text);
  background: var(--c-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

h1, h2, h3 {
  margin: 0;
  font-weight: 700;
  line-height: 1.3;
}

p {
  margin: 0;
}

button {
  font-family: inherit;
  font-size: var(--fs-base);
  color: inherit;
  cursor: pointer;
}

/* 動きを抑える設定への配慮 (HANDOFF: アクセシビリティ) */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}