/**
 * Pazophysio Design Tokens (CSS)
 * Single Source of Truth — 同步來源見 DESIGN.md
 * 改 token 一律改這份；DESIGN.md §7 / tokens.json 也要同步
 */
:root {
  /* ── 主色（5 階靛藍） ─────────────────────────────── */
  --brand-darker:  #0F2E57;
  --brand-dark:    #174380;
  --brand:         #1F5CAD;
  --brand-light:   #4A82D4;
  --brand-lighter: #D6E4F5;

  /* ── CTA（行動橘） ────────────────────────────────── */
  --cta:           #F97316;
  --cta-hover:     #EA6C0A;

  /* ── 表面 ─────────────────────────────────────────── */
  --surface:       #F8FAFC;
  --surface-card:  #FFFFFF;
  --surface-muted: #F1F5F9;

  /* ── 文字 + 點綴 ──────────────────────────────────── */
  --text-primary:  #0F2E57;
  --text-muted:    #64748B;
  --accent-amber:  #FBBF24;

  /* ── Hero 漸層 ────────────────────────────────────── */
  --hero-gradient: linear-gradient(135deg, #0F2E57 0%, #174380 55%, #1F5CAD 100%);

  /* ── 字型 ─────────────────────────────────────────── */
  --font-sans:  'Noto Sans TC', sans-serif;
  --font-brand: 'Figtree', 'Noto Sans TC', sans-serif;
  --font-mono:  'JetBrains Mono', 'SF Mono', Consolas, monospace;

  /* ── Responsive 字級（clamp） ─────────────────────── */
  --text-body:  clamp(16px, 1.25vw, 19px);
  --text-hero:  clamp(32px, 5vw, 56px);
  --text-h1:    clamp(24px, 2.5vw, 32px);
  --text-h2:    clamp(20px, 2vw, 24px);

  /* ── 圓角 ─────────────────────────────────────────── */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;

  /* ── 陰影 ─────────────────────────────────────────── */
  --shadow-soft:   0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-strong: 0 8px 24px rgba(15, 46, 87, 0.12);
}