/* CSS variables taken from the original Next.js project (shadcn-style) */
:root{
  --background: 220 17% 97%;
  --foreground: 240 10% 10%;
  --card: 0 0% 100%;
  --card-foreground: 240 10% 10%;
  --popover: 0 0% 100%;
  --popover-foreground: 240 10% 10%;
  --primary: 271 76% 53%;
  --primary-foreground: 0 0% 100%;
  --secondary: 220 17% 95%;
  --secondary-foreground: 240 10% 10%;
  --muted: 220 14% 96%;
  --muted-foreground: 220 9% 46%;
  --accent: 38 92% 50%;
  --accent-foreground: 0 0% 100%;
  --destructive: 0 84% 60%;
  --destructive-foreground: 0 0% 100%;
  --border: 220 13% 91%;
  --input: 220 13% 91%;
  --ring: 271 76% 53%;
  --radius: 1rem;
}
.dark{
  --background: 240 10% 10%;
  --foreground: 220 17% 97%;
  --card: 240 10% 13%;
  --card-foreground: 220 17% 97%;
  --popover: 240 10% 13%;
  --popover-foreground: 220 17% 97%;
  --secondary: 240 6% 18%;
  --secondary-foreground: 220 17% 97%;
  --muted: 240 6% 18%;
  --muted-foreground: 220 9% 65%;
  --border: 240 6% 20%;
  --input: 240 6% 20%;
}
html,body{height:100%;}
body{font-family: Arial, Helvetica, sans-serif;}
/* Tailwind CDN doesn't include line-clamp plugin by default */
.line-clamp-1{
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
}