@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Jost:wght@300;400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap");
html:root {
  --background: 42.9 41.2% 96.7%;
  --foreground: 156 35.7% 11%;
  --card: 0 0% 100%;
  --card-foreground: 156 35.7% 11%;
  --popover: 0 0% 100%;
  --popover-foreground: 156 35.7% 11%;
  --primary: 161.7 65.7% 13.7%;
  --primary-foreground: 46.2 44.8% 94.3%;
  --secondary: 94.3 16.3% 91.6%;
  --secondary-foreground: 161.7 65.7% 13.7%;
  --muted: 48 26.3% 92.5%;
  --muted-foreground: 137.1 7.1% 38.8%;
  --accent: 43.5 48.8% 83.9%;
  --accent-foreground: 43.6 55% 15.7%;
  --destructive: 9.5 68% 38%;
  --destructive-foreground: 38.2 57.9% 96.3%;
  --border: 44.2 24.1% 84.5%;
  --input: 43.6 22% 80.4%;
  --ring: 41.4 47.3% 46.9%;
  --radius: 0.25rem;
  --font-heading: "Cormorant Garamond", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Jost", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --shadow-sm: 0 1px 2px rgb(18 38 30 / 0.04);
  --shadow-md: 0 6px 24px -12px rgb(18 38 30 / 0.18);
  --shadow-lg: 0 24px 60px -30px rgb(18 38 30 / 0.30);
}
html .dark {
  --background: 152.3 44.8% 5.7%;
  --foreground: 44.2 34.5% 89.2%;
  --card: 153.3 40.9% 8.6%;
  --card-foreground: 44.2 34.5% 89.2%;
  --popover: 153.3 40.9% 8.6%;
  --popover-foreground: 44.2 34.5% 89.2%;
  --primary: 44.8 54.5% 67.3%;
  --primary-foreground: 152.3 44.8% 5.7%;
  --secondary: 150 29% 12.2%;
  --secondary-foreground: 44.2 34.5% 89.2%;
  --muted: 150 28.6% 11%;
  --muted-foreground: 129.2 7% 63.7%;
  --accent: 145 26.1% 18%;
  --accent-foreground: 44.2 34.5% 89.2%;
  --destructive: 10.4 54.3% 49.8%;
  --destructive-foreground: 42.4 51.5% 93.5%;
  --border: 147 22.7% 17.3%;
  --input: 145.7 20% 20.6%;
  --ring: 41.5 49.1% 58.4%;
}
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); }