@import url("https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Archivo:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap");
html:root {
  --background: 48 21.7% 95.5%;
  --foreground: 40 7.7% 7.6%;
  --card: 0 0% 100%;
  --card-foreground: 40 7.7% 7.6%;
  --primary: 40 7.7% 7.6%;
  --primary-foreground: 48 21.7% 95.5%;
  --secondary: 43.6 20.8% 89.6%;
  --secondary-foreground: 40 7.7% 7.6%;
  --muted: 45 18.2% 91.4%;
  --muted-foreground: 41.5 6.3% 40.6%;
  --accent: 14 50.2% 40.2%;
  --accent-foreground: 48 21.7% 95.5%;
  --destructive: 4.1 71.1% 32.5%;
  --destructive-foreground: 48 21.7% 95.5%;
  --border: 42.9 15.6% 82.4%;
  --input: 42.4 12.6% 73.5%;
  --ring: 14 50.2% 40.2%;
  --radius: 0.125rem;
  --font-heading: "Instrument Serif", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Archivo", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --shadow-sm: 0 1px 2px 0 rgba(21, 20, 18, 0.04);
  --shadow-md: 0 8px 24px -16px rgba(21, 20, 18, 0.18);
  --shadow-lg: 0 32px 64px -40px rgba(21, 20, 18, 0.28);
}
html .dark {
  --background: 40 7.7% 7.6%;
  --foreground: 45 22.2% 92.9%;
  --card: 45 7.7% 10.2%;
  --card-foreground: 45 22.2% 92.9%;
  --primary: 45 22.2% 92.9%;
  --primary-foreground: 40 7.7% 7.6%;
  --secondary: 42.9 10.1% 13.5%;
  --secondary-foreground: 45 22.2% 92.9%;
  --muted: 42.9 10.1% 13.5%;
  --muted-foreground: 41.2 7.5% 58%;
  --accent: 14.9 49% 51.6%;
  --accent-foreground: 40 7.7% 7.6%;
  --destructive: 6.1 54.3% 49.8%;
  --destructive-foreground: 40 7.7% 7.6%;
  --border: 37.5 9.1% 17.3%;
  --input: 38.2 10.5% 20.6%;
  --ring: 14.9 49% 51.6%;
}
html body { font-family: var(--font-body); }
html h1, html h2, html h3, html h4, html h5, html h6, html .font-heading, html .font-display { font-family: var(--font-heading); }
html .font-sans, html .font-body { font-family: var(--font-body); }
html .font-mono { font-family: var(--font-mono); }