:root, * {
  --primary-color: #D4AF37;
  --primary-color-rgb: 212, 175, 55; /* Royal Gold */
  --secondary-color: #1A1A40;
  --secondary-color-rgb: 26, 26, 64; /* Midnight Blue */
  --tertiary-color: #FAF9F6;
  --tertiary-color-rgb: 250, 249, 246; /* Ivory White */
  --neutral-color: #F5E3C3;
  --support-color: #000000;

  /* Override Site Dark Backgrounds to Midnight Blue */
  --bg-dark-1: #1A1A40;
  --bg-dark-1-rgb: 26, 26, 64;
  --bg-dark-2: #242455; /* Slightly lighter Midnight Blue */
  --bg-dark-3: #101028; /* Darker Midnight Blue */
}

/* --- Theme Overrides for Luxury Look --- */

/* Use Midnight Blue for Dark Sections (instead of the default Primary Color which is often used in coloring.css) */
section.dark, 
.bg-color, 
section.bg-color, 
.section-dark {
    background: var(--bg-dark-1) !important;
    background-color: var(--bg-dark-1) !important;
}

/* Ensure Buttons are Royal Gold */
.btn-main, 
.btn-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #fff;
}

/* Gold Text accents */
.id-color, 
h1.id-color, 
h2.id-color, 
h3.id-color,
.text-gold {
    color: var(--primary-color) !important;
}

/* Footer should also be Midnight Blue */
footer.section-dark {
    background: var(--bg-dark-1) !important;
}

/* Selection Color */
::selection {
    background: var(--primary-color);
    color: #fff;
}
::-moz-selection {
    background: var(--primary-color);
    color: #fff;
}