/* ── Theme 1 — Gold & Black (Dark Luxury) ── */
:root {
  /* ── Core palette ── */
  --velvet:       #080808;        /* deepest black */
  --onyx:         #F0E6D3;        /* cream — used as TEXT on dark bg */
  --cream:        #0E0B0A;        /* dark bg (body background) */
  --cream-deep:   #141110;        /* slightly lighter dark for sections */
  --gold:         #C9A961;        /* primary gold accent */
  --gold-soft:    #DDC68A;        /* softer gold for hero headings */
  --smoke:        #8A7A6E;        /* muted / secondary text */

  /* ── Alias names (used by layouts & newer CSS) ── */
  --accent:       #C9A961;
  --accent-soft:  #DDC68A;
  --bg:           #0E0B0A;
  --bg-2:         #1A1714;
  --text:         #F0E6D3;
  --text-muted:   #8A7A6E;
  --border:       rgba(201,169,97,0.12);
  --border-accent:rgba(201,169,97,0.35);

  /* ── Section backgrounds ── */
  --hero-overlay:   linear-gradient(135deg, rgba(8,8,8,0.72) 0%, rgba(14,11,10,0.45) 100%);
  --pull-bg:        #141110;
  --pull-text:      #F0E6D3;
  --about-bg:       #0E0B0A;
  --gallery-bg:     #141110;
  --exclusive-bg:   #080808;
  --exclusive-text: #F0E6D3;
  --connect-bg:     #0E0B0A;
  --newsletter-bg:  #141110;
  --footer-bg:      #080808;
  --footer-text:    #F0E6D3;
  --card-bg:        #1A1714;

  /* ── Typography ── */
  --serif-display: 'Playfair Display', 'Times New Roman', serif;
  --serif-body:    'Cormorant Garamond', 'Georgia', serif;
  --sans:          'Inter', system-ui, sans-serif;
  --ease:          cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --max:           1280px;
  --pad-section-d: 120px;
  --pad-section-m:  64px;
}

/* ── Dark header overrides (styles.css hardcodes rgba(245,237,226) for scrolled) ── */
header.scrolled,
header.site-header.scrolled {
  background: rgba(8, 8, 8, 0.92) !important;
  border-bottom: 1px solid rgba(201,169,97,0.18) !important;
}
header.scrolled .logo          { color: var(--gold) !important; }
header.scrolled nav.primary a  { color: var(--onyx) !important; }
header.scrolled .lang-toggle   { border-color: var(--onyx); color: var(--onyx); }
header.scrolled .hamburger span { background: var(--onyx) !important; }

/* ── Social cards — dark bg, cream text ── */
.social-card {
  background: var(--card-bg) !important;
  color: var(--onyx) !important;
  border-color: rgba(201,169,97,0.18) !important;
}
.social-card .head  { color: var(--onyx); }
.social-card .sub   { color: var(--smoke); }
.social-card .handle{ color: var(--gold); border-top-color: rgba(201,169,97,0.25); }
.social-card:hover  { background: rgba(201,169,97,0.08) !important; border-color: var(--gold) !important; }

/* ── Pull quote on dark bg ── */
.pull-strip { background: var(--pull-bg) !important; }
.pull-strip p { color: var(--pull-text) !important; }

/* ── About section dark ── */
.about-teaser { background: var(--about-bg); }
.about-text p { color: var(--smoke) !important; }
.about-text p strong { color: var(--onyx) !important; }

/* ── Full bio section dark ── */
.full-bio { background: var(--about-bg) !important; }
.bio-col p { color: var(--onyx) !important; opacity: 0.78; }
.stat-number { color: var(--gold) !important; }
.stat-label  { color: var(--smoke) !important; }
.bio-quote p { color: var(--onyx) !important; }
.bio-stats, .bio-stat { border-color: rgba(201,169,97,0.2) !important; }

/* ── Gallery bg ── */
.gallery { background: var(--gallery-bg); }

/* ── Newsletter dark ── */
.newsletter { background: var(--newsletter-bg) !important; }
.newsletter input[type="email"] {
  color: var(--onyx) !important;
  border-color: rgba(201,169,97,0.25) !important;
  background: rgba(201,169,97,0.04) !important;
}

/* ── Footer ── */
footer { background: var(--footer-bg) !important; }

/* ── Filter row ── */
.filter-row span       { color: var(--smoke) !important; }
.filter-row span:hover { color: var(--onyx) !important; }
.filter-row span.active{ color: var(--onyx) !important; }

/* ── Read-more link ── */
.about-text .read-more { color: var(--onyx) !important; }
.about-text .read-more:hover { color: var(--gold) !important; }

/* ── Connect section ── */
#connect { background: var(--connect-bg); }