/* A shared gold identity, with theme-specific contrast for dark and light surfaces. */
html[data-palette="black-gold"] { --palette-gold: #c8aa68; --palette-gold-ink: #806020; --palette-gold-ink-light: #846322; }
html[data-palette="black-gold"]:not([data-theme="dark"]) .ui-experiment {
  --navy: #1f1e1b;
  --navy-light: #36332d;
  --accent: var(--palette-gold-ink);
  --accent-light: var(--palette-gold-ink-light);
  --accent-subtle: rgba(128,96,32,.08);
  --gray-50: #f5f2ea;
  --gray-100: #ebe5d9;
  --gray-200: #ded8cb;
  --gray-300: #c2b9a7;
  --gray-400: #817b70;
  --gray-500: #68645c;
  --gray-600: #504c45;
  --gray-700: #3e3a34;
  --gray-800: #302d27;
  --gray-900: #1f1e1b;
  --slate: #68645c;
  --slate-light: #504c45;
  --study-note: var(--palette-gold-ink);
}
html[data-palette="black-gold"]:not([data-theme="dark"]) .ui-experiment .decision-pin { background: var(--accent); color: #fff; }
html[data-palette="black-gold"]:not([data-theme="dark"]) .ui-experiment .decision-pin.is-active { background: var(--accent-light); }
html[data-palette="black-gold"]:not([data-theme="dark"]) .ui-experiment .gallery-toggle:checked + .gallery-toggle-label { background: var(--accent-subtle); border-color: var(--accent); box-shadow: none; }
html[data-palette="black-gold"]:not([data-theme="dark"]) .ui-experiment .interior-label { background: rgba(0,0,0,.85); color: #fff; }
html[data-palette="black-gold"]:not([data-theme="dark"]) .ui-experiment .interior-label--real { background: rgba(128,96,32,.92); }
html[data-palette="black-gold"]:not([data-theme="dark"]) .ui-experiment .interior-cover { background-image: linear-gradient(90deg, rgba(0,0,0,.92), rgba(0,0,0,.72) 55%, rgba(0,0,0,.35)), url('images/interior/venecija-render-3.jpg'); }
html[data-palette="black-gold"]:not([data-theme="dark"]) .ui-experiment .interior-cover:focus-visible { outline-color: var(--accent); }
html[data-palette="black-gold"]:not([data-theme="dark"]) .ui-experiment .work-index-technical .work-index-art { background: var(--gray-100); }
html[data-palette="black-gold"]:not([data-theme="dark"]) .ui-experiment .work-index-badge { background: rgba(0,0,0,.9); }
html[data-palette="black-gold"]:not([data-theme="dark"]) .ui-experiment .footer :is(.nav-logo-tagline, .footer-left p) { color: #d0cbc1; }
html[data-palette="black-gold"]:not([data-theme="dark"]) .ui-experiment .footer-links a { color: var(--palette-gold); }
html[data-palette="black-gold"][data-theme="dark"] { background: #000; color-scheme: dark; }
html[data-palette="black-gold"][data-theme="dark"] .ui-experiment {
  --white: #000;
  --off-white: #000;
  --navy: #f1eee7;
  --navy-light: #e6e1d8;
  --accent: var(--palette-gold);
  --accent-light: #e2c78b;
  --accent-subtle: rgba(200,170,104,.1);
  --gray-50: #080808;
  --gray-100: #222;
  --gray-200: #35332e;
  --gray-300: #55524b;
  --gray-400: #aaa69e;
  --gray-500: #b5b0a6;
  --gray-600: #d0cbc1;
  --gray-700: #e6e1d8;
  --gray-800: #eee9df;
  --gray-900: #f1eee7;
  --slate: #b5b0a6;
  --slate-light: #d0cbc1;
  --study-note: #c8aa68;
  --surface: #000;
  --text: #f1eee7;
  --text-secondary: #d0cbc1;
  --border: #35332e;
  background: #000;
  color: var(--gray-700);
}
html[data-palette="black-gold"][data-theme="dark"] .ui-experiment :is(.section, .hero, .navbar, .footer, .case-studies, .timeline-content, .case-card-detailed, .history-cover, .simulation-demo, .ai-engineering) { background: #000 !important; }
html[data-palette="black-gold"][data-theme="dark"] .ui-experiment .ai-engineering {
  --white: #000; --off-white: #000; --navy: #f1eee7; --accent: var(--palette-gold); --accent-light: #e2c78b;
  color: #f1eee7;
}
html[data-palette="black-gold"][data-theme="dark"] .ui-experiment :is(h1, h2, h3, h4, h5) { color: var(--navy); }
html[data-palette="black-gold"][data-theme="dark"] .ui-experiment .section-title { color: var(--accent); }
html[data-palette="black-gold"][data-theme="dark"] .ui-experiment .section-eyebrow { color: var(--gray-500); }
html[data-palette="black-gold"][data-theme="dark"] .ui-experiment :is(.about-text strong, .case-outcome strong) { color: var(--accent-light); }
html[data-palette="black-gold"][data-theme="dark"] .ui-experiment .nav-cta { background: var(--accent); color: #000 !important; }
html[data-palette="black-gold"][data-theme="dark"] .ui-experiment .nav-cta:hover { background: var(--accent-light) !important; color: #000 !important; }
html[data-palette="black-gold"] .ui-experiment .site-loader { background: #000; }
html[data-palette="black-gold"] .ui-experiment :is(.loader-logo svg, .loader-name) { color: var(--palette-gold); }
html[data-palette="black-gold"] .ui-experiment .loader-bar-fill { background: var(--palette-gold); }
html[data-palette="black-gold"] .ui-experiment .loader-bar-track { background: rgba(200,170,104,.18); }
html[data-palette="black-gold"][data-theme="dark"] .ui-experiment .work-index-badge { background: rgba(0,0,0,.9); }
html[data-palette="black-gold"][data-theme="dark"] .ui-experiment :is(.gallery-media, .motion-media) { background-color: #000; }
html[data-palette="black-gold"][data-theme="dark"] .ui-experiment :is(.design-gallery-overlay, .motion-gallery-overlay) { background: rgba(0,0,0,.85); border-color: var(--gray-200); }
html[data-palette="black-gold"][data-theme="dark"] .ui-experiment .interior-cover { background-image: linear-gradient(90deg, rgba(0,0,0,.92), rgba(0,0,0,.72) 55%, rgba(0,0,0,.35)), url('images/interior/venecija-render-3.jpg'); border-color: var(--gray-200); }
html[data-palette="black-gold"][data-theme="dark"] .ui-experiment .interior-cover:focus-visible { outline-color: var(--accent-light); }
html[data-palette="black-gold"][data-theme="dark"] .ui-experiment .ai-detail-tags span { color: var(--accent-light); background: rgba(200,170,104,.08); border-color: rgba(200,170,104,.3); }
html[data-palette="black-gold"][data-theme="dark"] .ui-experiment .decision-pin { background: var(--accent); color: #000; border-color: #000; }
html[data-palette="black-gold"][data-theme="dark"] .ui-experiment .decision-pin.is-active { background: var(--accent-light); }
html[data-palette="black-gold"][data-theme="dark"] .ui-experiment .footer :is(.nav-logo-tagline, .footer-left p, .footer-links a) { color: var(--gray-500); }