/* =========================================================
   DESIGN TOKENS — CRAYON NEON & SIGN
   FVのデザインをLP全体のデザインシステムとして変数化
   ========================================================= */
:root {
  color-scheme: light;

  /* ---- Brand colors ---- */
  --color-neon-green: #8cf94a;
  --color-neon-green-deep: #5fd11f;   /* 白背景上のテキスト用（可読性） */
  --color-electric-blue: #2a48d4;
  --color-electric-blue-deep: #1d339e;
  --color-charcoal: #2e3033;
  --color-charcoal-soft: #3b3d41;
  --color-ink: #17181a;
  --color-white: #ffffff;
  --color-concrete: #e8e9e4;          /* 静かなセクション用グレー（緑寄り） */
  --color-paper: #f5f5f1;
  --color-steel: #8a8d91;
  --color-line-dark: rgba(255, 255, 255, 0.14);
  --color-line-light: rgba(23, 24, 26, 0.14);
  --color-error: #ff5a4e;
  --color-error-on-light: #c62a1f;

  /* ---- Glow ---- */
  --glow-green: 0 0 6px rgba(140, 249, 74, 0.9), 0 0 22px rgba(140, 249, 74, 0.55), 0 0 60px rgba(140, 249, 74, 0.35);
  --glow-blue: 0 0 8px rgba(80, 120, 255, 0.8), 0 0 30px rgba(42, 72, 212, 0.5);

  /* ---- Typography ---- */
  --font-ja: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif;
  --font-en: "Archivo", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --font-mincho: "Shippori Mincho B1", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --font-comic: "Dela Gothic One", "Noto Sans JP", sans-serif;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", Menlo, Consolas, monospace;

  --fs-mega: clamp(5rem, 14vw, 13.5rem);     /* 背景の巨大英字 */
  --fs-display: clamp(2.6rem, 5.6vw, 5.2rem); /* 各セクションの大見出し */
  --fs-h1: clamp(2.5rem, 5vw, 4.6rem);        /* FVメインコピー */
  --fs-h2: clamp(2rem, 3.6vw, 3.4rem);
  --fs-h3: clamp(1.25rem, 1.8vw, 1.6rem);
  --fs-lead: clamp(1.05rem, 1.4vw, 1.3rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-label: 0.75rem;

  --lh-tight: 1.25;
  --lh-body: 1.95;
  --tracking-label: 0.18em;
  --tracking-wide: 0.32em;

  /* ---- Layout ---- */
  --container: 1280px;
  --gutter: clamp(16px, 4.4vw, 80px);
  --section-y: clamp(96px, 11vw, 176px);
  --header-h: 84px;

  /* ---- Lines & shape ---- */
  --line-thin: 1px;
  --line-wire: 2px;
  --radius-btn: 6px;          /* 角丸はボタンのみ。カード類は角を立てる */
  --slant: 7deg;              /* 斜めの面構成の角度 */

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-wire: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 0.25s;
  --dur-mid: 0.7s;
  --dur-slow: 1.2s;
  --collage-speed: 70s;
}