@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Inter:wght@300;400;500;600&display=swap');
:root, .dark {
  --background: 30 24% 8% !important;
  --foreground: 38 48% 95% !important;
  --card: 24 27% 11% !important;
  --card-foreground: 38 48% 95% !important;
  --popover: 24 27% 11% !important;
  --popover-foreground: 38 48% 95% !important;
  --primary: 38 61% 56% !important;
  --primary-foreground: 30 24% 8% !important;
  --secondary: 27 28% 19% !important;
  --secondary-foreground: 38 48% 95% !important;
  --muted: 27 27% 14% !important;
  --muted-foreground: 35 18% 62% !important;
  --accent: 27 28% 20% !important;
  --accent-foreground: 38 48% 95% !important;
  --destructive: 0 48% 56% !important;
  --destructive-foreground: 38 48% 95% !important;
  --border: 35 28% 22% !important;
  --input: 35 28% 22% !important;
  --ring: 38 61% 56% !important;
}
body {
  font-family: 'Inter', system-ui, sans-serif !important;
  background-image: radial-gradient(1100px 520px at 28% -10%, hsla(38,61%,56%,0.10), transparent 60%) !important;
  background-attachment: fixed !important;
}
h1, h2, h3, [class*="text-xl"], [class*="text-2xl"] {
  font-family: 'Playfair Display', Georgia, serif !important;
  letter-spacing: -0.01em;
}
a:hover { color: hsl(38 61% 64%) !important; }