@import url('https://fonts.googleapis.com/css2?family=Kode+Mono:wght@500;700&family=Lato:wght@400;700&display=swap');
:root {
  --background: 223 100% 99%;
  --foreground: 219 83% 7%;
  --card: 0 0% 100%;
  --card-foreground: 219 83% 7%;
  --popover: 0 0% 100%;
  --popover-foreground: 219 83% 7%;
  --primary: 222 48% 41%;
  --primary-foreground: 0 0% 100%;
  --secondary: 223 100% 96%;
  --secondary-foreground: 222 48% 41%;
  --accent: 223 100% 96%;
  --accent-foreground: 222 48% 41%;
  --muted: 223 100% 96%;
  --muted-foreground: 218 22% 39%;
  --border: 219 25% 80%;
  --input: 219 25% 80%;
  --ring: 223 70% 64%;
  --destructive: 4 100% 63%;
  --destructive-foreground: 0 0% 100%;
  --radius: 0.5rem;
}
.dark {
  --background: 219 83% 7%;
  --foreground: 223 100% 96%;
  --card: 218 73% 15%;
  --card-foreground: 223 100% 96%;
  --popover: 218 73% 15%;
  --popover-foreground: 223 100% 96%;
  --primary: 171 79% 40%;
  --primary-foreground: 219 83% 7%;
  --muted: 218 73% 15%;
  --muted-foreground: 219 25% 80%;
  --accent: 218 73% 15%;
  --accent-foreground: 223 100% 96%;
  --border: 218 40% 25%;
  --input: 218 40% 25%;
  --ring: 171 79% 40%;
}
body, input, textarea, select, button { font-family: 'Lato', system-ui, sans-serif !important; }
h1, h2, h3, h4 { font-family: 'Kode Mono', ui-monospace, monospace !important; letter-spacing: -0.01em; }
a:not([class]) { color: #C11574; }
a:not([class]):hover { color: #EE46BC; }