@import url("https://fonts.googleapis.com/css2?family=Shantell+Sans:wght@400;500;600;700&family=Work+Sans:wght@400;500;600;700&family=Caveat:wght@500;700&display=swap");
html:root {
  --background: 43.2 58.1% 91.6%;
  --foreground: 26.3 34.8% 18%;
  --card: 42.5 100% 95.3%;
  --card-foreground: 26.3 34.8% 18%;
  --popover: 42.5 100% 95.3%;
  --popover-foreground: 26.3 34.8% 18%;
  --primary: 44.1 79.1% 46.9%;
  --primary-foreground: 26.3 34.8% 18%;
  --secondary: 17.8 54.3% 49.8%;
  --secondary-foreground: 38.7 100% 93.9%;
  --muted: 43.5 48.8% 83.9%;
  --muted-foreground: 31.2 30.9% 31.8%;
  --accent: 21.8 62.6% 75.9%;
  --accent-foreground: 26.3 34.8% 18%;
  --destructive: 7 64.6% 38.8%;
  --destructive-foreground: 38.7 100% 93.9%;
  --border: 40 39.3% 71.6%;
  --input: 40 39.3% 71.6%;
  --ring: 17.8 54.3% 49.8%;
  --radius: 1rem;
  --font-heading: "Shantell Sans", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Work Sans", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --shadow-sm: 2px 2px 0 0 rgba(62, 44, 30, 0.9);
  --shadow-md: 4px 4px 0 0 rgba(62, 44, 30, 0.9);
  --shadow-lg: 8px 8px 0 0 rgba(62, 44, 30, 0.85);
}
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); }