:root {
  --background: 210 40% 98%;
  --foreground: 222 47% 11%;
  --primary: 221 83% 53%;
  --primary-foreground: 210 40% 98%;
  --secondary: 262 83% 58%;
  --muted: 210 40% 92%;
  --muted-foreground: 215 16% 47%;
  --card: 0 0% 100%;
  --border: 214 32% 91%;
  --radius: 1rem;
}

.dark {
  --background: 222 47% 4%;
  --foreground: 210 40% 98%;
  --primary: 217 91% 60%;
  --muted: 217 33% 17%;
  --muted-foreground: 215 20% 65%;
  --card: 222 47% 6%;
  --border: 217 33% 17%;
}

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
}

@keyframes loading {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(200%); }
}

@media print {
  .sticky, button, footer, form {
    display: none !important;
  }
  body {
    background: white !important;
    color: black !important;
  }
  .container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
  }
  .shadow-xl, .shadow-sm {
    box-shadow: none !important;
    border: 1px solid #eee !important;
  }
}