:root {
  --brand-bg: #070707;
  --brand-panel: #111111;
  --brand-raised: #1b1b1a;
  --brand-line: #3b352b;
  --brand-gold: #d8b578;
  --brand-gold-light: #f2d6a1;
  --brand-text: #f3f1ec;
  --brand-muted: #b2aea5;
  --brand-radius: 5px;
  --brand-action: linear-gradient(115deg, #bd9456, #f1d49b 52%, #cca367);
}
.integra-public, .lekala-theme { color-scheme: dark; background: var(--brand-bg); color: var(--brand-text); font-family: Arial, Helvetica, sans-serif; }
.integra-public *, .lekala-theme * { letter-spacing: 0; }
.integra-public :focus-visible, .lekala-theme :focus-visible { outline: 2px solid var(--brand-gold-light); outline-offset: 3px; }
.brand-button { display: inline-flex; align-items: center; justify-content: center; gap: 16px; min-height: 44px; padding: 10px 23px; border: 1px solid #dfbc7d; border-radius: var(--brand-radius); background: var(--brand-action); color: #17130c; font-size: 13px; font-weight: 700; line-height: 1.3; text-decoration: none; transition: filter .18s, border-color .18s; }
.brand-button:hover { filter: brightness(1.08); color: #080706; }
.brand-button-outline { background: #090909c9; color: var(--brand-gold-light); border-color: #927747; }
.brand-button-outline:hover { color: #fff; border-color: var(--brand-gold-light); }
.brand-footer-logo { display: block; width: 155px; height: auto; }
.brand-site-nav { display: flex; align-items: center; gap: 25px; }
.brand-site-nav a { color: var(--brand-text); font-size: 12px; text-decoration: none; white-space: nowrap; }
.brand-site-nav a:hover, .brand-site-nav a[aria-current=page] { color: var(--brand-gold-light); }
.brand-site-nav .brand-mobile-account { display: none; }
.brand-contact { display: flex; align-items: center; gap: 22px; margin-left: auto; }
.brand-contact a { color: var(--brand-text); font-size: 13px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.brand-contact .brand-callback { padding: 9px 14px; border: 1px solid #927747; border-radius: 4px; color: var(--brand-gold-light); font-size: 11px; font-weight: 400; }
@media (max-width: 1200px) { .brand-site-nav { gap: 17px; } .brand-contact { gap: 12px; } .brand-contact .brand-callback { display: none; } }
@media (prefers-reduced-motion: reduce) { .brand-button { transition: none; } }