/* ═══════════════════════════════════════════════════════════════
   DESIGN TOKENS — 00_tokens.css
   Oblige Inc. / Cocoon Child Theme
   添付HTMLの :root 変数を完全再現
═══════════════════════════════════════════════════════════════ */

:root {

  /* ── Colors ─────────────────────────────────────────── */
  --navy:        #020E1F;
  --navy-deep:   #010810;
  --navy-mid:    #081B2F;
  --navy-light:  #0D2540;
  --teal:        #2BD4C0;
  --teal-bright: #2BD4C0;
  --teal-dim:    rgba(43,212,192,0.12);
  --teal-line:   rgba(43,212,192,0.28);
  --slate:       #4AA0B5;
  --text:        #EEF2F7;
  --text-sub:    rgba(238,242,247,0.72);
  --text-muted:  rgba(238,242,247,0.45);
  --glass:       rgba(255,255,255,0.04);
  --border:      rgba(255,255,255,0.10);
  --border-t:    rgba(43,212,192,0.28);
  --white-cta:   #FFFFFF;

  /* ── Layout ─────────────────────────────────────────── */
  --max-w:  1200px;
  --px:     clamp(20px, 4vw, 52px);
  --spy:    clamp(88px, 11vw, 148px);

  /* ── Spacing scale ──────────────────────────────────── */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;

  /* ── Header ─────────────────────────────────────────── */
  --header-h: 88px;

  /* ── Typography: font families ─────────────────────── */
  --font-sans:    'Shippori Mincho', serif;
  --font-serif:   'Shippori Mincho', serif;
  --font-latin:   'Playfair Display', serif;
  --font-display: 'Playfair Display', serif;

  /* ── Typography: font size scale ───────────────────── */
  --fs-2xs:  9px;
  --fs-xs:   11px;
  --fs-sm:   13px;
  --fs-base: 15px;
  --fs-md:   17px;
  --fs-lg:   clamp(18px, 2vw, 22px);
  --fs-xl:   clamp(22px, 3vw, 32px);
  --fs-2xl:  clamp(28px, 4vw, 48px);

  /* ── Typography: 本文ルール（しっぽり明朝） ─────────── */
  --body-size:     15px;  /* 本文標準サイズ */
  --body-size-sm:  14px;  /* 補足・小さい本文 */
  --body-weight:   500;   /* 本文ウェイト */
  --heading-weight: 700;  /* 見出し・強調ウェイト */
  --body-line:     2.0;   /* 本文行間 */
  --body-line-sm:  1.9;   /* やや短い行間（リード文等） */

  /* ── Override old tokens (backward compat) ───────────── */
  --bg:              var(--navy);
  --link:            var(--teal-bright);
  --header-bg:       transparent;
  --header-text:     var(--text);
  --container:       var(--max-w);
  --header-h-old:    var(--header-h);

  /* ── index.html 互換トークン ─────────────────────────── */
  --bg-0:      #08122a;
  --bg-1:      #0c1c3c;
  --bg-navy-2: #12274e;
  --bg-navy-3: #1b3362;
  --panel:  rgba(255,255,255,.06);
  --line:   rgba(255,255,255,.10);
  --blue:   #4EA3FF;
  --green:  #95C93D;
  --orange: #F5A623;
  --radius: 22px;
  --shadow: 0 26px 68px rgba(0,0,0,.22);

  /* ライトテーマ背景（page-company 等） */
  --bg-2:   #f7f8fa;
  --bg-3:   #f0f2f5;

  /* ライトテーマ向けインクカラー */
  --ink:    #0d1520;
  --ink-2:  rgba(13,21,32,.68);
  --ink-3:  rgba(13,21,32,.44);
  --max:    1160px;
  --cyan:   var(--teal-bright);
}