/*
 * テンプレート①ゴールド版 テーマトークン（①の値を複製し、アクセントを #D4AF37 に変更）
 * STUDIOテンプレート（preview.studio.site/templates/ZM3aAPBqeg）のプレビューから
 * computed style で取得した値（2026-11-11）。テンプレート②③は同名トークンを別ファイルで定義する。
 */
:root {
  /* Color */
  --c-navy: #0a1e34;          /* CONCEPT / PLAN 背景 rgb(10,30,52) */
  --c-navy-stripe: #102a48;   /* CONCEPT 斜めストライプ（目視近似値） */
  --c-accent: #d4af37;        /* アクセントカラー（指定色） */
  --c-on-accent: #0a1e34;     /* アクセント上の文字。白だと 2.1:1 で読めないためネイビー */
  --c-pale: #e3eaf2;          /* TRAINER背景 rgb(227,234,242) */
  --c-black: #000000;
  --c-white: #ffffff;
  --c-gray: #666666;
  --c-overlay: rgba(0, 0, 0, 0.55);
  --c-glass: rgba(255, 255, 255, 0.16);  /* ヘッダーCTA背景 */
  --c-line: rgba(255, 255, 255, 0.24);
  --c-input: #2d2d2d;          /* /contact 入力欄 rgb(45,45,45) */
  --c-error: #ff7a7a;          /* 黒背景で読めるエラー色（テンプレートに定義なし） */
  --c-text-sub: #4a4a4a;       /* 白カード内の本文色 */

  /* Font */
  --ff-en: "Figtree", "Noto Sans JP", sans-serif;
  --ff-ja: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;

  /* Type scale（PC実測：#01=47px/800, NEWS=54px/800, 価格=44px/700） */
  --fs-sec-num: 47px;
  --fs-sec-en: 54px;
  --fs-sec-ja: 16px;
  --fs-body: 16px;             /* 可読性調整：15px→16px */
  --fs-small: 15px;            /* 箇条書き・カード本文 */
  --lh-body: 1.9;

  /* Layout */
  --w-container: 1200px;
  --gutter: 40px;
  --sec-pad: 140px;
  --radius-pill: 999px;
  --radius-card: 8px;
  --header-h: 80px;
  --demo-h: 32px;              /* DEMO帯の高さ。本番では帯ごと削除 */
}

@media (max-width: 767px) {
  :root {
    --fs-sec-num: 30px;
    --fs-sec-en: 38px;
    --fs-sec-ja: 14px;
    --fs-body: 15px;           /* 可読性調整：14px→15px */
    --fs-small: 14px;
    --gutter: 16px;
    --sec-pad: 80px;
    --header-h: 64px;
  }
}