/**
 * SimpleLM — Design tokens (do not change)
 * Colors and typography used across the entire site.
 */

:root {
  /* Colors */
  --color-bg: #ffffff;
  --color-bg-alt: #fbfbfd;
  --color-bg-muted: #f5f5f7;
  --color-text: #1d1d1f;
  --color-text-secondary: #424245;
  --color-text-muted: #6e6e73;
  --color-text-utility: #86868b;
  --color-border: #e8e8ed;
  --color-accent: #5856d6;

  /* Typography */
  --font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-size-base: 1rem;
  --line-height-base: 1.47;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* Spacing */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;

  /* Layout */
  --container-max: 52rem;
  --container-narrow: 36rem;
  --header-height: 4rem;
}