@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap");

:root {
  --accent: #F99986;
  --font-ui: Inter, "Noto Sans SC", -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: var(--font-ui);
  --font-editorial: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-size-caption: 12px;
  --font-size-body: 14px;
  --font-size-section: 16px;
  --font-size-title: 24px;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --line-height-body: 1.5;
  --line-height-heading: 1.3;
  --letter-spacing-body: 0;
  --letter-spacing-heading: -.025em;
  font-family: var(--font-ui);
}

html,
body,
button,
input,
textarea,
select,
dialog {
  font-family: var(--font-ui);
}