@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,800&family=Manrope:wght@400;500;600;700&display=swap');

:root {
  --background: 36 44% 97%;
  --foreground: 24 32% 12%;
  --card: 0 0% 100%;
  --card-foreground: 24 32% 12%;
  --popover: 0 0% 100%;
  --popover-foreground: 24 32% 12%;
  --primary: 20 72% 42%;
  --primary-foreground: 40 60% 98%;
  --secondary: 33 34% 92%;
  --secondary-foreground: 24 32% 16%;
  --muted: 33 30% 93%;
  --muted-foreground: 24 12% 42%;
  --accent: 40 84% 55%;
  --accent-foreground: 24 40% 14%;
  --destructive: 0 72% 44%;
  --destructive-foreground: 0 0% 98%;
  --border: 30 20% 87%;
  --input: 30 20% 87%;
  --ring: 20 72% 42%;
  --radius: 1rem;
}
.dark {
  --background: 24 22% 8%;
  --foreground: 36 40% 96%;
  --card: 24 20% 12%;
  --card-foreground: 36 40% 96%;
  --popover: 24 20% 12%;
  --popover-foreground: 36 40% 96%;
  --primary: 26 78% 52%;
  --primary-foreground: 24 30% 10%;
  --secondary: 24 14% 18%;
  --secondary-foreground: 36 40% 96%;
  --muted: 24 14% 18%;
  --muted-foreground: 30 12% 66%;
  --accent: 40 84% 55%;
  --accent-foreground: 24 40% 12%;
  --destructive: 0 62% 44%;
  --destructive-foreground: 0 0% 98%;
  --border: 24 14% 22%;
  --input: 24 14% 22%;
  --ring: 26 78% 52%;
}
* { border-color: hsl(var(--border)); }
html, body, #root { min-height: 100%; }
body { margin:0; font-family:"Manrope",sans-serif; overflow-x:clip; background:hsl(var(--background)); color:hsl(var(--foreground)); }
.font-display { font-family:"Fraunces",Georgia,serif; }
.no-scrollbar::-webkit-scrollbar { display:none; }
.no-scrollbar { -ms-overflow-style:none; scrollbar-width:none; }