@import url("https://fonts.googleapis.com/css2?family=Archivo+Black&family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap");
html:root {
  --background: 225 63.2% 7.5%;
  --foreground: 222.9 72.4% 94.3%;
  --card: 222.9 57.4% 12%;
  --card-foreground: 222.9 72.4% 94.3%;
  --primary: 330.3 100% 58.8%;
  --primary-foreground: 305 100% 4.7%;
  --secondary: 222.4 48.2% 16.7%;
  --secondary-foreground: 222 75% 92.2%;
  --muted: 222.9 52.2% 13.1%;
  --muted-foreground: 220 30.9% 67.6%;
  --accent: 186.2 85.7% 53.3%;
  --accent-foreground: 193.8 86.7% 8.8%;
  --destructive: 349.2 100% 65.1%;
  --destructive-foreground: 341.5 100% 5.1%;
  --border: 223.4 43.9% 21%;
  --input: 223.3 41.5% 25.5%;
  --ring: 186.2 85.7% 53.3%;
  --radius: 0.75rem;
  --font-heading: "Archivo Black", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Manrope", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.6);
  --shadow-md: 0 8px 24px -8px rgb(0 0 0 / 0.75);
  --shadow-lg: 0 24px 60px -20px rgb(0 0 0 / 0.85);
}
html .dark {
  --background: 225 63.2% 7.5%;
  --foreground: 222.9 72.4% 94.3%;
  --card: 222.9 57.4% 12%;
  --card-foreground: 222.9 72.4% 94.3%;
  --primary: 330.3 100% 58.8%;
  --primary-foreground: 305 100% 4.7%;
  --secondary: 222.4 48.2% 16.7%;
  --secondary-foreground: 222 75% 92.2%;
  --muted: 222.9 52.2% 13.1%;
  --muted-foreground: 220 30.9% 67.6%;
  --accent: 186.2 85.7% 53.3%;
  --accent-foreground: 193.8 86.7% 8.8%;
  --destructive: 349.2 100% 65.1%;
  --destructive-foreground: 341.5 100% 5.1%;
  --border: 223.4 43.9% 21%;
  --input: 223.3 41.5% 25.5%;
  --ring: 186.2 85.7% 53.3%;
}
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); }