/**
 * brand.css — Vawdas Interiors. Laid over the shared frontend by scripts/deploy.sh (SITE=vawdas).
 *
 * Gold, white and grey: white pages, charcoal (--sight-primary) for buttons and text so they stay
 * legible, and the logo's gold (--sight-accent, #E4D025) for the brand panel, the active tab, live
 * shifts and highlights. Gold is never used for text on white.
 */
.auth-visual { background: #0b0b0b; }
.auth-visual-wash {
  background:
    radial-gradient(circle at 14% 16%, color-mix(in srgb, var(--sight-accent) 22%, transparent) 0%, transparent 42%),
    radial-gradient(circle at 86% 86%, color-mix(in srgb, var(--sight-accent) 14%, transparent) 0%, transparent 46%),
    linear-gradient(135deg, #0b0b0b 0%, #262626 100%);
}
#brand-headline::after {
  content: ''; display: block; width: 56px; height: 3px; margin-top: 14px; border-radius: 2px;
  background: var(--sight-accent);
}
/* The lockup is nearly square: the V emblem over VAWDAS / INTERIORS. */
.auth-logo img { width: 230px; }
.auth-mobile-logo img { max-height: 64px; max-width: 160px; }

/* The topbar shows the emblem alone; the tenant name sits beside it. */
.sight-topbar .s-logo { background: none; border-radius: 0; }

/* Gold accents on the white app. */
::selection { background: color-mix(in srgb, var(--sight-accent) 35%, #fff); color: #111; }
.tc-tab.is-active { color: var(--s-ink, #111); border-bottom-color: var(--sight-accent); }
.s-badge-live { background: var(--sight-accent); color: #1a1a1a; }
.s-dropdown a.is-current { box-shadow: inset 3px 0 0 var(--sight-accent); }
@media (max-width: 720px) {
  .tc-tab.is-active { background: color-mix(in srgb, var(--sight-accent) 18%, #fff); }
}