/* Vexoracity: einheitliche Schwarz-/Gold-/Silberfarben. */
:root {
  --gold: #d4af63; --gold-light: #f3dba6; --gold-dark: #a77a35;
  --accent: #d4af63; --accent2: #f3dba6;
  --cyan: #c8ccd4; --cyan2: #eef0f4; --pink: #d4af63; --purple: #a77a35;
  --bg-deep: #08090b; --bg-dark: #101114; --bg-card: #16171a; --bg-card2: #1d1e21;
  --bg: #08090b; --bg2: #101114; --bg3: #16171a; --card: #16171a; --card2: #1d1e21;
  --text: #eef0f4; --text-dim: #b5b7bd; --muted: #b5b7bd;
  --border: rgba(212,175,99,.22); --border2: rgba(200,204,212,.18);
}
.logo-icon, .logo-diamond {
  display: block; width: 48px; height: 48px; flex: 0 0 48px;
  background: transparent url('vexoracity-logo.png') center / contain no-repeat;
  border: 0; border-radius: 0; transform: none; clip-path: none;
  box-shadow: none; font-size: 0;
}
.logo-icon::before, .logo-icon::after, .logo-diamond::before, .logo-diamond::after { content: none; }
.nav-logo .logo-text, .logo-name { color: #eef0f4; }
.nav-logo .logo-sub, .logo-sub2 { color: #b5b7bd; }
.btn-primary { color: #14110b; background: linear-gradient(135deg,#f3dba6,#d4af63,#b68b42); }
.btn-primary:hover { color: #14110b; }
:focus-visible { outline: 2px solid #f3dba6; outline-offset: 4px; }