/* Converted from the original Tailwind/React design system.
   The original uses Jost + Cormorant Garamond and an oklch gold/dark palette. */

:root {
  --radius: 0.625rem;
  --gold: oklch(0.75 0.12 85);
  --background: oklch(0.16 0.015 60);
  --foreground: oklch(0.93 0.02 90);
  --card: oklch(0.20 0.02 60);
  --card-foreground: oklch(0.93 0.02 90);
  --muted-foreground: oklch(0.68 0.03 80);
  --border: oklch(0.30 0.03 70);
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background-color: var(--background);
  color: var(--foreground);
  font-family: "Jost", ui-sans-serif, system-ui, sans-serif;
}

.font-display {
  font-family: "Cormorant Garamond", Georgia, serif;
}

/* Keep Tailwind-like custom color behavior available to the standalone CSS. */
.text-gold { color: var(--gold); }
.bg-gold { background-color: var(--gold); }
.border-gold { border-color: var(--gold); }
.bg-background { background-color: var(--background); }
.text-foreground { color: var(--foreground); }
.bg-card { background-color: var(--card); }
.text-muted-foreground { color: var(--muted-foreground); }
.border-border { border-color: var(--border); }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .animate-bounce,
  .transition-transform,
  .transition-opacity {
    animation: none !important;
    transition: none !important;
  }
}