@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9144,300700&family=Karla:wght@300800&family=JetBrains+Mono:wght@400;500&display=swap");
html:root {
  --background: 42 50% 96.1%;
  --foreground: 157.9 37.3% 10%;
  --card: 0 0% 100%;
  --card-foreground: 157.9 37.3% 10%;
  --primary: 166.4 70.7% 14.7%;
  --primary-foreground: 44 48.4% 93.9%;
  --secondary: 42.9 34.4% 88%;
  --secondary-foreground: 157.9 37.3% 10%;
  --muted: 44 36.6% 92%;
  --muted-foreground: 137.1 7.1% 38.8%;
  --accent: 41.3 46.7% 52.9%;
  --accent-foreground: 40 67.7% 6.1%;
  --destructive: 3 62.1% 38.2%;
  --destructive-foreground: 12 55.6% 96.5%;
  --border: 42.5 26.7% 82.4%;
  --input: 42.6 24.4% 75.1%;
  --ring: 166.4 70.7% 14.7%;
  --radius: 0.375rem;
  --font-heading: "Fraunces", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Karla", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --shadow-sm: 0 1px 2px 0 rgb(16 35 28 / 0.04);
  --shadow-md: 0 6px 20px -12px rgb(16 35 28 / 0.14);
  --shadow-lg: 0 24px 60px -32px rgb(16 35 28 / 0.24);
}
html .dark {
  --background: 155 37.5% 6.3%;
  --foreground: 44.2 38.8% 90.4%;
  --card: 157.5 33.3% 9.4%;
  --card-foreground: 44.2 38.8% 90.4%;
  --primary: 162.6 55.1% 27.1%;
  --primary-foreground: 45 42.1% 92.5%;
  --secondary: 148.2 27% 12.4%;
  --secondary-foreground: 44.2 38.8% 90.4%;
  --muted: 154.3 24.1% 11.4%;
  --muted-foreground: 133.8 7.1% 64.1%;
  --accent: 41.4 55.2% 58.8%;
  --accent-foreground: 45 66.7% 4.7%;
  --destructive: 4 53.5% 50.2%;
  --destructive-foreground: 10.9 73.3% 97.1%;
  --border: 153.3 22.5% 15.7%;
  --input: 150 19.1% 18.4%;
  --ring: 162.1 50.5% 36.5%;
}
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); }