/* LIVO 設計 token。值來自 spec repo 的 product/design/tokens.css 和 design-system/tokens.json；
   字級行高依網頁閱讀調過。app 改顏色時，這裡要跟著改。app 固定淺色，網站也只做淺色。 */
:root {
  color-scheme: light;
  --livo-main-bg: #F4F1EC;
  --livo-surface: #FFFFFF;
  --livo-text: #171412;
  --livo-ink-soft: #5E5850;
  --livo-primary: #FF7A1A;
  --livo-primary-soft: #FFF1E3;
  --livo-line: #E7E0D7;
  --livo-font-sans: -apple-system, "SF Pro Text", system-ui, "PingFang TC", sans-serif;
  --livo-font-title: 600 28px/1.3 var(--livo-font-sans);
  --livo-font-title2: 600 22px/1.35 var(--livo-font-sans);
  --livo-font-title3: 600 20px/1.3 var(--livo-font-sans);
  --livo-font-headline: 600 17px/1.4 var(--livo-font-sans);
  --livo-font-body: 400 17px/1.7 var(--livo-font-sans);
  --livo-font-callout: 400 16px/1.7 var(--livo-font-sans);
  --livo-font-subheadline: 400 15px/1.5 var(--livo-font-sans);
  --livo-font-footnote: 400 13px/1.4 var(--livo-font-sans);
  --livo-radius-sheet-picker: 24px;
  --livo-space-xs: 4px; --livo-space-sm: 8px; --livo-space-sm-md: 12px; --livo-space-md: 16px; --livo-space-lg: 24px; --livo-space-xl: 32px; --livo-space-xxl: 48px;
}