@import url("https://fonts.googleapis.com/css2?family=Anton&family=Work+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=JetBrains+Mono:wght@400;600&display=swap");
html:root {
  --background: 35 54.5% 91.4%;
  --foreground: 218.2 14.7% 14.7%;
  --card: 40 75% 95.3%;
  --card-foreground: 218.2 14.7% 14.7%;
  --popover: 40 75% 95.3%;
  --popover-foreground: 218.2 14.7% 14.7%;
  --primary: 5.6 63.4% 46.1%;
  --primary-foreground: 37.5 75% 93.7%;
  --secondary: 157 43.9% 21%;
  --secondary-foreground: 35 54.5% 91.4%;
  --muted: 36.5 47.9% 81.2%;
  --muted-foreground: 37.3 24.5% 29.6%;
  --accent: 37.9 78.8% 57.5%;
  --accent-foreground: 218.2 14.7% 14.7%;
  --destructive: 5 73.2% 32.2%;
  --destructive-foreground: 37.5 75% 93.7%;
  --border: 36.7 37.4% 74.3%;
  --input: 36.7 37.4% 74.3%;
  --ring: 214.7 50.8% 24.7%;
  --radius: 0.25rem;
  --font-heading: "Anton", 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: 3px 3px 0 0 rgba(32, 36, 43, 0.12);
  --shadow-md: 5px 5px 0 0 rgba(32, 36, 43, 0.16);
  --shadow-lg: 8px 8px 0 0 rgba(32, 36, 43, 0.20);
}
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); }