/* Theme A — Night Champagne (dark CD palette)
   Overlay on styles.css. Primary = solid gold; secondary = gold outline. */
:root,
html[data-theme="a"] {
  --bg: #14110F;
  --bg-elevated: #1C1814;
  --bg-card: #1C1814;
  --bg-soft: #1C1814;
  --bg-champagne: #1C1814; /* trust strip */
  --border: rgba(58, 50, 42, 0.85);
  --border-strong: #3A322A;
  --accent: #C4A574;
  --accent-soft: #D4B584;
  --accent-bright: #B8955A;
  --accent-dim: #8A7A62;
  --gold: #C4A574;
  --gold-soft: #D4B584;
  --gold-bright: #B8955A;
  --gold-dim: #8A7A62;
  --text: #F5F0E8;
  --text-muted: #B8A99A;
  --text-dim: #7A6F64;
  --text-on-gold: #14110F;
  --line: #3A322A;
  --trust: #1C1814;
  --shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
  --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.35);
}

/* —— Header / nav —— */
.site-header {
  background: rgba(20, 17, 15, 0.92);
  border-bottom-color: var(--line);
}
.brand img {
  border-color: #3A322A;
}
.nav-links {
  background: rgba(28, 24, 20, 0.98);
  border-bottom-color: var(--line);
}
.nav-links a:hover {
  background: rgba(196, 165, 116, 0.12);
}

/* —— Buttons: primary solid gold, secondary outline —— */
.btn-primary {
  background: var(--gold);
  color: var(--text-on-gold);
  border-color: var(--gold);
  box-shadow: 0 4px 16px rgba(196, 165, 116, 0.28);
}
.btn-primary:hover {
  color: var(--text-on-gold);
  background: var(--gold-bright);
  border-color: var(--gold-bright);
  box-shadow: 0 6px 20px rgba(196, 165, 116, 0.38);
}
.btn-secondary {
  background: transparent;
  color: var(--text);
  border-color: var(--gold);
  box-shadow: none;
}
.btn-secondary:hover {
  background: rgba(196, 165, 116, 0.12);
  color: var(--text);
  border-color: var(--gold-soft);
}
.btn-ghost {
  background: var(--bg-elevated);
  border-color: var(--line);
}
.btn-ghost:hover {
  border-color: rgba(196, 165, 116, 0.5);
}
.btn-disabled,
.btn[aria-disabled="true"],
a.btn.is-soon {
  background: #2A241C;
  border-color: #3A322A;
  color: var(--text-dim);
}

/* —— Hero —— */
.hero-overlay {
  background:
    linear-gradient(
      115deg,
      rgba(20, 17, 15, 0.72) 0%,
      rgba(196, 165, 116, 0.22) 28%,
      rgba(20, 17, 15, 0.82) 62%,
      rgba(20, 17, 15, 0.96) 100%
    ),
    linear-gradient(
      180deg,
      rgba(20, 17, 15, 0.35) 0%,
      transparent 42%,
      rgba(20, 17, 15, 0.7) 100%
    );
}
.hero-gold-line {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(196, 165, 116, 0.45) 18%,
    rgba(196, 165, 116, 0.85) 50%,
    rgba(196, 165, 116, 0.45) 82%,
    transparent 100%
  );
}
.hero-copy .eyebrow {
  color: rgba(245, 240, 232, 0.9);
}
.hero-copy h1 {
  color: #F5F0E8;
}
.hero-copy .tagline {
  color: rgba(245, 240, 232, 0.9);
}
.hero-copy .lede {
  color: rgba(184, 169, 154, 0.92);
}
.hero-copy-light {
  background: linear-gradient(
    135deg,
    rgba(28, 24, 20, 0.94) 0%,
    rgba(20, 17, 15, 0.9) 100%
  );
  border-color: rgba(196, 165, 116, 0.35);
}
.hero-portrait {
  border-color: rgba(58, 50, 42, 0.95);
  box-shadow:
    var(--shadow),
    0 0 0 1px rgba(196, 165, 116, 0.4),
    0 0 0 7px rgba(196, 165, 116, 0.12);
}

/* —— Trust strip —— */
.trust-strip {
  background: var(--trust);
  border-top-color: rgba(196, 165, 116, 0.35);
  border-bottom-color: rgba(196, 165, 116, 0.35);
}

/* —— Cards —— */
.work-card--mag {
  background: #14110F;
}
.work-card--mag .work-grad {
  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(20, 17, 15, 0.5) 40%,
    rgba(20, 17, 15, 0.92) 100%
  );
}
.work-card--mag .work-overlay h3 {
  color: #F5F0E8;
}
.work-card--mag .work-overlay p {
  color: rgba(184, 169, 154, 0.78);
}
.work-card--mag:hover {
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.5);
}
.work-thumb .badge {
  background: rgba(28, 24, 20, 0.92);
  border-color: rgba(58, 50, 42, 0.8);
  color: var(--text-muted);
}
.placeholder-thumb {
  background:
    radial-gradient(ellipse at 30% 20%, rgba(196, 165, 116, 0.18), transparent 55%),
    linear-gradient(160deg, #1C1814, #14110F);
}

/* —— Filters / links / form bits —— */
.filter-btn.is-active,
.filter-btn:hover {
  border-color: rgba(196, 165, 116, 0.5);
  background: rgba(196, 165, 116, 0.12);
}
.link-item:hover:not(.is-soon) {
  border-color: rgba(196, 165, 116, 0.55);
}
.link-item.is-soon {
  background: #1C1814;
  border-color: #3A322A;
  color: #7A6F64;
}
.link-item.is-soon .label { color: #7A6F64; }
.link-item.is-soon .hint { color: #5A524A; }
.field input:focus,
.field select:focus,
.field textarea:focus {
  box-shadow: 0 0 0 3px rgba(196, 165, 116, 0.2);
}
.form-hint-custom {
  background: rgba(196, 165, 116, 0.1);
  border-color: rgba(196, 165, 116, 0.3);
}

/* —— CTA band —— */
.cta-band {
  background: linear-gradient(180deg, #1C1814 0%, #181410 100%);
  border-color: rgba(196, 165, 116, 0.28);
}

/* —— Footer —— */
.site-footer {
  border-top-color: var(--line);
}
.site-footer .age {
  border-color: rgba(196, 165, 116, 0.4);
}