/* =============================================================
   Leapcom Design Tokens — v3（P920・2026-09-28）
   意味と使い方: Branding/03_ビジュアルの決まり.md
   ここが Web の実装値の正本です。値を変えたら Branding の表も直すこと。
   ============================================================= */

:root {
  /* ---- 赤: ゴールの色（ロゴ素材の折り鶴と同じ #A0181F。2026-09-28 決定） ----
     ロゴ以外の赤は、ひと画面にひとつ。ボタン・リンク・見出しには使わない
     ※ CI 資料（2012）の画面用 R187 G17 B25（#BB1119）は使わない。印刷は CI の C19 M100 Y100 K12 */
  --lc-red: #A0181F;
  --lc-red-soft: #F6E7E8;

  /* ---- 青: 補色のブルー（構造・ボタン・リンク・図解） ---- */
  --lc-navy-900: #0B2138;
  --lc-navy-800: #0F2C4C;
  --lc-navy-700: #173B63;
  --lc-blue-600: #1E6CB0;
  --lc-blue-500: #2F7FC1;
  --lc-blue-200: #BCD5EC;
  --lc-blue-100: #E1ECF7;
  --lc-blue-50: #F1F6FC;

  /* ---- スチール: 鉄・機械・図面の線 ---- */
  --lc-ink: #1B222B;          /* 本文 */
  --lc-steel-700: #3B4654;    /* サブテキスト */
  --lc-steel-500: #687586;    /* 注記・図面の線・ラベル（文字に使える最も薄い色） */
  --lc-steel-300: #A8B2BF;    /* 細線・寸法線・目盛り */
  --lc-steel-200: #D6DCE3;    /* 罫線・カードの枠 */
  --lc-steel-100: #EAEEF2;    /* 面 */
  --lc-steel-50: #F5F7FA;     /* 交互のセクションの地 */
  --lc-white: #FFFFFF;

  /* ---- 文字 ---- */
  --lc-font-ja: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
  --lc-font-en: "Inter", "Helvetica Neue", Arial, "Noto Sans JP", sans-serif;

  --lc-fs-display: clamp(2.375rem, 5vw, 4rem);     /* ヒーローの大見出し */
  --lc-fs-h2: clamp(1.625rem, 2.6vw, 2.25rem);     /* セクション見出し */
  --lc-fs-h3: clamp(1.125rem, 1.6vw, 1.3125rem);   /* 小見出し */
  --lc-fs-lead: clamp(1rem, 1.3vw, 1.125rem);      /* リード */
  --lc-fs-body: 1rem;                              /* 本文 16px */
  --lc-fs-small: 0.875rem;
  --lc-fs-note: 0.8125rem;
  --lc-fs-label: 0.75rem;                          /* 英字ラベル */

  --lc-lh-tight: 1.35;
  --lc-lh-heading: 1.5;
  --lc-lh-body: 1.95;
  --lc-ls-heading: 0.05em;
  --lc-ls-body: 0.04em;
  --lc-ls-label: 0.16em;

  /* ---- 余白・幅 ---- */
  --lc-container: 1200px;
  --lc-container-wide: 1360px;
  --lc-gutter: clamp(20px, 4vw, 40px);
  --lc-section-y: clamp(72px, 9vw, 120px);

  --lc-space-1: 4px;
  --lc-space-2: 8px;
  --lc-space-3: 12px;
  --lc-space-4: 16px;
  --lc-space-5: 24px;
  --lc-space-6: 32px;
  --lc-space-7: 48px;
  --lc-space-8: 64px;

  /* ---- 形 ---- */
  --lc-radius-s: 4px;
  --lc-radius-m: 8px;
  --lc-line: 1px solid var(--lc-steel-200);
  --lc-shadow-card: 0 1px 2px rgba(15, 44, 76, 0.05), 0 10px 28px rgba(15, 44, 76, 0.07);
  --lc-shadow-float: 0 2px 4px rgba(15, 44, 76, 0.06), 0 18px 44px rgba(15, 44, 76, 0.12);

  /* ---- ヘッダー ---- */
  --lc-header-h: 76px;

  /* ---- 動き ---- */
  --lc-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --lc-dur: 0.6s;
}

@media (max-width: 1023px) {
  :root {
    --lc-header-h: 64px;
  }
}