/* assets/css/styles.css */
:root {
  --background: 0 0% 100%;
  --foreground: 222 15% 15%;
  --card: 0 0% 98%;
  --card-foreground: 222 15% 15%;
  --popover: 220 14% 94%;
  --popover-foreground: 222 15% 15%;
  --primary: 217 91% 35%;
  --primary-foreground: 210 40% 98%;
  --secondary: 220 14% 90%;
  --secondary-foreground: 222 15% 15%;
  --muted: 220 13% 92%;
  --muted-foreground: 222 15% 40%;
  --accent: 43 96% 56%;
  --accent-foreground: 222 15% 15%;
  --destructive: 0 84% 42%;
  --destructive-foreground: 0 0% 98%;
  --border: 220 13% 91%;
  --input: 220 13% 75%;
  --ring: 217 91% 35%;
  --radius: 0.5rem;
}

.dark {
  --background: 222 15% 8%;
  --foreground: 0 0% 98%;
  --card: 222 15% 10%;
  --card-foreground: 0 0% 98%;
  --popover: 222 15% 14%;
  --popover-foreground: 0 0% 98%;
  --primary: 217 91% 35%;
  --primary-foreground: 210 40% 98%;
  --secondary: 222 15% 18%;
  --secondary-foreground: 0 0% 98%;
  --muted: 222 14% 16%;
  --muted-foreground: 220 13% 70%;
  --accent: 43 96% 56%;
  --accent-foreground: 222 15% 10%;
  --destructive: 0 84% 42%;
  --destructive-foreground: 0 0% 98%;
  --border: 220 13% 16%;
  --input: 220 13% 35%;
  --ring: 217 91% 45%;
}

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

/* Animation utilities usually handled by Tailwind plugin */
@keyframes accordion-down {
  from { height: 0; }
  to { height: var(--radix-accordion-content-height); }
}
@keyframes accordion-up {
  from { height: var(--radix-accordion-content-height); }
  to { height: 0; }
}