/* ==========================================================================
   Design Tokens — Ueno Lab
   TID公式サイトのブランドカラーを踏襲：
   白ベース × 鮮やかなグリーン × 黒 ＋ オレンジのアクセント
   ========================================================================== */

:root {
  /* Colors */
  --color-ink:        #1a1a17;  /* 見出し（TIDロゴの黒に合わせたチャコール） */
  --color-text:       #2d2d29;  /* 標準本文 */
  --color-muted:      #6b6b62;  /* 補足テキスト */
  --color-deep:       #0e2a1c;  /* 深いグリーンブラック（ダークセクション背景・主ボタン） */
  --color-deep-2:     #081c12;  /* 暗部（グラデーション用） */
  --color-accent:     #3d9b35;  /* 鮮やかなTIDグリーン（リンク・強調） */
  --color-accent-2:   #6fba2c;  /* 明るいイエローグリーン（波形・小アクセント） */
  --color-orange:     #ef8200;  /* オレンジ（最重要CTA用アクセント） */
  --color-paper:      #ffffff;  /* ページ背景（白ベース） */
  --color-surface:    #ffffff;  /* カード背景 */
  --color-surface-2:  #f2f5ee;  /* 淡いグリーングレー（帯・タグ背景） */
  --color-border:     #e2e6dd;
  --color-on-dark:    #f4f6f1;  /* ダーク背景上のテキスト */
  --color-on-dark-muted: #a9c3a4;

  /* Typography */
  --font-heading: 'Zen Kaku Gothic New', 'Noto Sans JP', sans-serif;
  --font-body:    'Noto Sans JP', sans-serif;
  --font-mono:    'Consolas', 'Courier New', monospace;

  --fs-hero:    clamp(2rem, 5.5vw, 3.4rem);
  --fs-h2:      clamp(1.5rem, 3.2vw, 2.1rem);
  --fs-h3:      clamp(1.15rem, 2.2vw, 1.35rem);
  --fs-body:    1rem;
  --fs-small:   0.9rem;
  --fs-label:   0.85rem;

  /* Layout */
  --container-max: 1120px;
  --container-pad: clamp(1.25rem, 4vw, 2.5rem);
  --section-gap:   clamp(4rem, 9vw, 7rem);

  /* Misc */
  --radius:    10px;
  --radius-lg: 16px;
  --shadow-card: 0 2px 6px rgba(26, 26, 23, 0.05), 0 12px 32px rgba(26, 26, 23, 0.07);
  --transition: 0.25s ease;
}