@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Inter:wght@100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

:root {
  /* Color System */
  --rp-black: #050505;
  --rp-black-rich: #0b0b0b;
  --rp-charcoal: #121212;
  --rp-charcoal-light: #1a1a1a;
  
  /* Gold Accents - carefully crafted HSL system for premium sheen */
  --rp-gold: #c5a55a;
  --rp-gold-light: #d4b96e;
  --rp-gold-dark: #a6843b;
  --rp-gold-dim: #8b7a3d;
  --rp-gold-shadow: rgba(197, 165, 90, 0.15);
  --rp-gold-gradient: linear-gradient(135deg, #a6843b 0%, #c5a55a 50%, #d4b96e 100%);
  
  /* Neutral scale */
  --rp-white: #f5f0e8; /* Warm off-white */
  --rp-white-pure: #ffffff;
  --rp-grey-light: #a3a3a3;
  --rp-grey: #737373;
  --rp-grey-dark: #262626;

  /* Specialty Accent tones from collection pieces */
  --rp-burgundy: #4a1525;
  --rp-burgundy-light: #6b2138;
  --rp-navy: #0e1e38;
  --rp-navy-light: #162c50;

  /* Typography Stack */
  --rp-font-display: 'Playfair Display', Georgia, serif;
  --rp-font-heading: 'Cormorant Garamond', Georgia, serif;
  --rp-font-body: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --rp-font-accent: 'Bodoni Moda', Georgia, serif;

  /* Transitions */
  --rp-transition-fast: 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --rp-transition-smooth: 0.45s cubic-bezier(0.16, 1, 0.3, 1);
  --rp-transition-slow: 0.8s cubic-bezier(0.25, 1, 0.5, 1);

  /* Spacing system */
  --rp-space-unit: 8px;
  --rp-container-max: 1400px;
}

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

html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: var(--rp-black);
  color: var(--rp-white);
  font-family: var(--rp-font-body);
  font-size: 16px;
  line-height: 1.6;
}

body {
  overflow-x: hidden;
  background-color: var(--rp-black);
  min-height: 100vh;
}

/* Scrollbar styling */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--rp-black);
}

::-webkit-scrollbar-thumb {
  background: var(--rp-grey-dark);
  border-radius: 4px;
  border: 2px solid var(--rp-black);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--rp-gold-dim);
}

/* Selection highlight */
::selection {
  background-color: var(--rp-gold);
  color: var(--rp-black);
}

/* Reusable Typography classes */
.font-display { font-family: var(--rp-font-display); }
.font-heading { font-family: var(--rp-font-heading); }
.font-body { font-family: var(--rp-font-body); }
.font-accent { font-family: var(--rp-font-accent); }

.italic-serif {
  font-family: var(--rp-font-accent);
  font-style: italic;
  font-weight: 300;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--rp-white-pure);
  font-weight: 500;
  line-height: 1.2;
}

p {
  color: var(--rp-grey-light);
  font-weight: 300;
}

/* Layout Containers & Utilities */
.container {
  width: 100%;
  max-width: var(--rp-container-max);
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem;
}

@media (max-width: 768px) {
  .container {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}

.section-padding {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

@media (max-width: 768px) {
  .section-padding {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.text-gold {
  color: var(--rp-gold);
  background: var(--rp-gold-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.border-gold {
  border: 1px solid var(--rp-gold-dim);
}

/* Overlay & Gradient helpers */
.bg-gradient-dark {
  background: linear-gradient(180deg, rgba(5,5,5,0) 0%, rgba(5,5,5,0.9) 80%, rgba(5,5,5,1) 100%);
}

.bg-radial-glow {
  background: radial-gradient(circle at 50% 50%, rgba(197,165,90,0.08) 0%, rgba(5,5,5,0) 70%);
}