:root {
  /* Color Palette - Premium Dark Luxury */
  --clr-bg-base: #0a0a0c;
  --clr-bg-surface: #141416;
  --clr-bg-panel: rgba(20, 20, 22, 0.7);
  --clr-border: rgba(255, 255, 255, 0.08);
  --clr-gold: #e2c073;
  --clr-gold-dim: #b89b5c;
  --clr-gold-glow: rgba(226, 192, 115, 0.15);

  --clr-text-main: #f5f5f7;
  --clr-text-muted: #9ca3af;
  --clr-whatsapp: #25d366;
  --clr-whatsapp-hover: #1ebe57;

  /* Shadows & Glows */
  --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.5);
  --shadow-gold: 0 0 20px var(--clr-gold-glow);

  /* Typography */
  --font-heading: "Playfair Display", serif;
  --font-ui: "Inter", sans-serif;

  /* Animation Speeds */
  --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Reset & Base Styles */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background-color: var(--clr-bg-base);
  color: var(--clr-text-main);
  font-family: var(--font-ui);
  overflow-x: hidden;
  line-height: 1.6;
  background-image: radial-gradient(
    circle at 50% 0%,
    rgba(226, 192, 115, 0.05) 0%,
    transparent 60%
  );
  min-height: 100vh;
}

/* Scrollbar Styling */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: var(--clr-bg-base);
}
::-webkit-scrollbar-thumb {
  background: var(--clr-bg-surface);
  border-radius: 4px;
  border: 1px solid var(--clr-border);
}
::-webkit-scrollbar-thumb:hover {
  background: var(--clr-gold-dim);
}

/* Typography Utility */
.heading-font {
  font-family: var(--font-heading);
}

.text-gold {
  color: var(--clr-gold);
}