/* Phase 1 design tokens. Values mirror the current visual system. */
:root {
  --font-family-sans: "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;
  --font-family-display: Georgia, "Songti SC", serif;
  --font-size-display: 30px;
  --font-size-title: 28px;
  --font-size-section: 21px;
  --font-size-card: 17px;
  --font-size-body: 17px;
  --font-size-small: 14px;
  --font-size-caption: 12px;
  --font-size-button: 16px;
  --font-size-control: 16px;
  --font-size-page-title: 30px;
  --font-size-section-title: 23px;
  --font-size-card-title: 16px;
  --font-size-body-large: 18px;
  --font-size-meta: 13px;
  --font-size-brand: 24px;
  --font-size-step: 18px;
  --font-weight-card-title: 700;
  --font-weight-regular: 400;
  --font-weight-medium: 600;
  --font-weight-semibold: 700;
  --font-weight-bold: 800;
  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.75;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-pill: 999px;
  --radius-card: 16px;
  --radius-panel: 14px;
  --radius-control: 12px;
  --control-height-sm: 40px;
  --control-height-md: 48px;
  --control-height-lg: 54px;
  --page-max-width: 520px;
  --page-padding-inline: 16px;
  --page-padding-block: 16px;
  --content-gap: 12px;
  --page-padding-inline-fluid: clamp(12px, 4vw, 18px);
  --breakpoint-compact: 360px;
  --breakpoint-wide-phone: 420px;
  --ratio-recipe-card: 4 / 3;
  --ratio-form-photo: 4 / 3;
  --ratio-record-photo: 4 / 3;
  --image-fit-cover: cover;
  --image-fit-contain: contain;
  --image-position-center: center;
  --border-width-default: 1px;
  --border-width-strong: 2px;
  --shadow-card: 0 4px 15px rgba(50, 40, 30, .055);
  --shadow-raised: 0 8px 28px rgba(30, 22, 14, .08);
  --shadow-modal: 0 18px 60px rgba(18, 15, 12, .22);
  --shadow-bottom-bar: 0 -7px 24px rgba(48, 39, 29, .07);
  --chart-bar-height: 168px;
  --chart-bar-min-height: 12px;
  --chart-member-label-space: 22px;
}