/* PBL4 Design System tokens: GENERATED from docs/design-system/tokens.json
   by scripts/build_tokens_css.py. Do not edit by hand. */
:root {
  --surface: #f5f7fa;
  --surface-raised: #ffffff;
  --line: #dce1e8;
  --line-strong: #7b8698;
  --ink: #121a2b;
  --ink-muted: #4a5568;
  --accent: #1d4ed8;
  --accent-soft: #e4ebfd;
  --on-accent: #ffffff;
  --review: #8a4500;
  --review-soft: #fff0d9;
  --space-2: 8px;
  --space-4: 16px;
  --space-6: 24px;
  --space-10: 40px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-full: 9999px;
  --shadow-raised: 0 1px 2px #121a2b14, 0 4px 12px #121a2b0f;
  --focus-ring: 0 0 0 2px #ffffff, 0 0 0 4px #1d4ed8;
  --font-sans: "Be Vietnam Pro", "Segoe UI", system-ui, sans-serif;
}
.display { font-size: 36px; line-height: 44px; font-weight: 700; letter-spacing: -0.01em; }
.heading { font-size: 22px; line-height: 30px; font-weight: 600; }
.title { font-size: 17px; line-height: 24px; font-weight: 600; }
.body { font-size: 15px; line-height: 24px; font-weight: 400; }
.label { font-size: 13px; line-height: 18px; font-weight: 500; }
.caption { font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: 0.02em; }