@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9144,400;9144,500;9144,600;9144,700&family=Jost:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap");
html:root {
  --background: 48 38.5% 97.5%;
  --foreground: 162 47.6% 8.2%;
  --card: 0 0% 100%;
  --card-foreground: 162 47.6% 8.2%;
  --popover: 0 0% 100%;
  --popover-foreground: 162 47.6% 8.2%;
  --primary: 163.8 68.6% 13.7%;
  --primary-foreground: 45.9 51.5% 93.5%;
  --secondary: 80 15.8% 92.5%;
  --secondary-foreground: 163.8 68.6% 13.7%;
  --muted: 52.5 23.5% 93.3%;
  --muted-foreground: 148 7.6% 38.6%;
  --accent: 45.6 67.5% 47.1%;
  --accent-foreground: 42.9 67.7% 6.1%;
  --destructive: 4.2 65.5% 38.6%;
  --destructive-foreground: 7.5 66.7% 97.6%;
  --border: 45 22.2% 85.9%;
  --input: 44.2 20% 81.4%;
  --ring: 163.8 68.6% 13.7%;
  --radius: 0.25rem;
  --font-heading: "Fraunces", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Jost", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --shadow-sm: 0 1px 2px 0 rgb(11 31 25 / 0.05);
  --shadow-md: 0 8px 24px -12px rgb(11 31 25 / 0.18);
  --shadow-lg: 0 28px 60px -32px rgb(11 31 25 / 0.30);
}
html .dark {
  --background: 160 46.2% 5.1%;
  --foreground: 45 31.6% 92.5%;
  --card: 161.3 40% 7.8%;
  --card-foreground: 45 31.6% 92.5%;
  --popover: 161.3 40% 7.8%;
  --popover-foreground: 45 31.6% 92.5%;
  --primary: 160.3 46.2% 33.5%;
  --primary-foreground: 161.3 66.7% 4.7%;
  --secondary: 157.9 32.2% 11.6%;
  --secondary-foreground: 45.9 26.2% 87.3%;
  --muted: 160 29.4% 10%;
  --muted-foreground: 146.3 8.6% 63.5%;
  --accent: 46.5 64.5% 56.9%;
  --accent-foreground: 36 33.3% 5.9%;
  --destructive: 5.3 53.5% 50.2%;
  --destructive-foreground: 10.9 100% 97.8%;
  --border: 157.1 25.9% 15.9%;
  --input: 157.2 28.7% 19.8%;
  --ring: 46.5 64.5% 56.9%;
}
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); }