:root {
  --background: #151312;
  --foreground: #f4eddd;
  --card: #211d19;
  --card-foreground: #f4eddd;
  --popover: #211d19;
  --popover-foreground: #f4eddd;
  --primary: #d7ad54;
  --primary-foreground: #1b150c;
  --secondary: #332a20;
  --secondary-foreground: #f4eddd;
  --muted: #2a241e;
  --muted-foreground: #c0b49b;
  --accent: #bd8c34;
  --accent-foreground: #1b150c;
  --border: #51432e;
  --input: #51432e;
  --ring: #e0b65d;
}

html, body { min-height: 100%; background: var(--background); color: var(--foreground); }
body {
  background-image: radial-gradient(circle at 50% -20%, rgba(191, 143, 54, .14), transparent 42%), linear-gradient(180deg, #1a1714 0%, #121110 100%);
  background-attachment: fixed;
}
#root { min-height: 100vh; }
.bg-card { border-color: rgba(218, 174, 83, .16); }
button, a { -webkit-tap-highlight-color: transparent; }