/* Frontend design tokens. These files are never loaded by the backend. */
:root {
  --font-body: "Microsoft JhengHei", "PingFang TC", "Noto Sans TC", system-ui, sans-serif;
  --font-accent: Georgia, serif;
  --text-xs: .75rem; --text-sm: .875rem; --text-base: 1rem;
  --text-lg: 1.125rem; --text-xl: 1.5rem; --text-2xl: 2rem; --text-3xl: 2.5rem;
  --brand: #ad4268; --brand-hover: #8b2d50; --brand-soft: #f6e7ed;
  --text: #29242b; --text-muted: #6c6169; --surface: #ffffff;
  --canvas: #fffdfa; --surface-soft: #faf4f2; --border: #e3d6dc; --input-border: #9c8592;
  --success: #21644c; --success-soft: #eaf4ee;
  --warning: #80500b; --warning-soft: #fff3d9;
  --danger: #b52b40; --danger-soft: #fff0f1;
  --info: #335e86; --info-soft: #edf3fa;
  --space-1: .25rem; --space-2: .5rem; --space-3: .75rem; --space-4: 1rem;
  --space-5: 1.5rem; --space-6: 2rem; --space-7: 3rem; --space-8: 4.5rem;
  --radius-sm: 6px; --radius-md: 12px; --radius-lg: 20px; --radius-pill: 999px;
  --shadow-panel: 0 12px 38px rgb(52 25 39 / 7%);
  --content-width: 1200px; --reading-width: 760px; --touch-size: 44px;
  /* Compatibility aliases for the homepage's presentation classes. */
  --pink: var(--brand); --pink-dark: var(--brand-hover); --ink: var(--text);
  --muted: var(--text-muted); --paper: var(--canvas); --soft: var(--brand-soft); --line: var(--border);
  --serif: var(--font-body);
}