/* GIVISTORE Dark Theme CSS Variables */
:root {
  --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --radius: 0.5rem;
}
.dark {
  --background: 210 6.2% 12.5%;
  --foreground: 210 20% 92%;
  --card: 210 8.5% 15%;
  --card-foreground: 210 20% 92%;
  --popover: 210 8.5% 15%;
  --popover-foreground: 210 20% 92%;
  --primary: 252 87% 70%;
  --primary-foreground: 0 0% 100%;
  --secondary: 210 8.5% 18.4%;
  --secondary-foreground: 210 20% 92%;
  --muted: 210 7.9% 20%;
  --muted-foreground: 210 12% 60%;
  --accent: 210 8.5% 22%;
  --accent-foreground: 210 20% 92%;
  --destructive: 0 72% 51%;
  --destructive-foreground: 0 0% 100%;
  --border: 214 6.9% 21%;
  --input: 210 7.9% 20%;
  --ring: 252 87% 70%;
  --success: 142 72% 42%;
  --success-foreground: 0 0% 100%;
  --warning: 38 92% 50%;
  --warning-foreground: 0 0% 100%;
  --info: 217 91% 60%;
  --popular-background: 210 8.5% 18.4%;
  --popular-foreground: 210 20% 92%;
  --card-radius: 1rem;
  --card-padding: 0.5rem;
}
html { color-scheme: dark; }
body { background-color: hsl(var(--background)); color: hsl(var(--foreground)); }
* { border-color: hsl(var(--border)); }