@import url("https://fonts.googleapis.com/css2?family=Archivo+Black&family=Archivo:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap");
html:root {
  --background: 42.9 21.2% 93.5%;
  --foreground: 0 0% 3.9%;
  --card: 45 33.3% 97.6%;
  --card-foreground: 0 0% 3.9%;
  --primary: 28.9 56.6% 46.1%;
  --primary-foreground: 0 0% 3.9%;
  --secondary: 40 13.3% 82.4%;
  --secondary-foreground: 0 0% 3.9%;
  --muted: 40 13.3% 82.4%;
  --muted-foreground: 41.5 8.1% 31.6%;
  --accent: 28.9 56.6% 46.1%;
  --accent-foreground: 0 0% 3.9%;
  --destructive: 12.4 72.9% 37.6%;
  --destructive-foreground: 42.9 21.2% 93.5%;
  --border: 0 0% 3.9%;
  --input: 0 0% 3.9%;
  --ring: 28.9 56.6% 46.1%;
  --radius: 0rem;
  --font-heading: "Archivo Black", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Archivo", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "Space Mono", ui-monospace, monospace;
  --shadow-sm: 3px 3px 0 0 rgba(10, 10, 10, 1);
  --shadow-md: 6px 6px 0 0 rgba(10, 10, 10, 1);
  --shadow-lg: 10px 10px 0 0 rgba(10, 10, 10, 1);
}
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); }