@import "tailwindcss";

:root {
  --background: #0a0a0a;
  --foreground: #f5f0e6;
  --gold: #c9a227;
  --gold-hover: #dfc056;
  --muted: #9c968a;
  --card: #12100e;
  --border: #2a241c;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-gold: var(--gold);
  --color-gold-hover: var(--gold-hover);
  --color-muted: var(--muted);
  --color-card: var(--card);
  --color-border: var(--border);
  --font-display: var(--font-display);
  --font-body: var(--font-body);
  --font-arabic: var(--font-arabic);
}

body {
  background: radial-gradient(
      ellipse 90% 55% at 50% -15%,
      rgba(201, 162, 39, 0.14),
      transparent 55%
    ),
    var(--background);
  color: var(--foreground);
}