/* =========================================================
   全ページ共通（新デザインの配色・文字の変数と、ヘッダー／フッターまわりの土台）
   ・ここに書いた変数（--bg, --lime など）は、トップページ本文・ヘッダー・フッターで使います。
   ・旧ページ（mimalink など）の変数（--primary-orange など）とは名前が重ならないようにしています。
   ========================================================= */

:root {
  --bg: #070c09;
  --bg-2: #0a110d;
  --bg-3: #0f1913;
  --card: #0e1712;
  --line: rgba(205, 235, 190, 0.11);
  --line-strong: rgba(205, 235, 190, 0.22);
  --text: #eef4ec;
  --text-dim: #a7b5aa;
  --text-faint: #6d7c71;

  --lime: #8cd555;
  --lime-soft: rgba(140, 213, 85, 0.14);
  --lime-ink: #2f6d14;
  --spark: #fbff78;

  --paper: #f2f4ee;
  --paper-2: #e7ebe1;
  --ink: #0f1712;
  --ink-dim: #4b594f;
  --ink-line: rgba(15, 23, 18, 0.12);

  --font-jp: "Noto Sans JP", system-ui, -apple-system, "Hiragino Sans", sans-serif;
  --font-en: "Outfit", "Noto Sans JP", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;

  --hh: 76px;
  --container: 1240px;
  --gutter: clamp(16px, 5vw, 56px);
  --radius: 18px;
  --radius-lg: 28px;
  --section: clamp(96px, 13vw, 176px);
  --ease: cubic-bezier(0.2, 0.7, 0.1, 1);
}

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

/* ---------- 本文へスキップ（キーボード操作用） ---------- */
.skip-link {
  position: fixed; left: 12px; top: -60px; z-index: 200;
  padding: 10px 16px; border-radius: 8px; background: var(--spark); color: #111; font-weight: 700;
}
.skip-link:focus { top: 12px; }

/* ---------- ヘッダー・メニュー・フッター共通の文字設定 ----------
   旧ページは body の文字設定が違うため、ここで明示して全ページ同じ見た目にします */
.header, .mobile-menu, .footer {
  font-family: var(--font-jp);
  font-size: 16px;
  line-height: 1.9;
  letter-spacing: 0.03em;
  color: var(--text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.header :focus-visible, .mobile-menu :focus-visible, .footer :focus-visible {
  outline: 2px solid var(--spark); outline-offset: 3px; border-radius: 4px;
}

/* reCAPTCHA（お問い合わせフォーム）のバッジを隠す。旧 style.css から移動 */
.grecaptcha-badge {
  visibility: hidden;
}