@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap');

:root {
  --font-stack-sans: 'Lato', 'Helvetica Neue', sans-serif;
  --font-stack-serif: 'Playfair Display', Georgia, serif;
  --font-stack-system: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-stack-system-display: Georgia, 'Times New Roman', serif;
  --theme-body-font: var(--font-stack-sans);
  --theme-display-font: var(--font-stack-serif);
  --theme-ui-font: var(--font-stack-sans);
}

html[data-font-preset='nexus'] {
  --theme-body-font: var(--font-stack-sans);
  --theme-display-font: var(--font-stack-serif);
  --theme-ui-font: var(--font-stack-sans);
}

html[data-font-preset='classic'] {
  --theme-body-font: var(--font-stack-sans);
  --theme-display-font: var(--font-stack-sans);
  --theme-ui-font: var(--font-stack-sans);
}

html[data-font-preset='system'] {
  --theme-body-font: var(--font-stack-system);
  --theme-display-font: var(--font-stack-system-display);
  --theme-ui-font: var(--font-stack-system);
}