/* Detalhes de cor por rede, preservando imagens e geometria. */
:root { --gold: var(--accent); --line: rgba(var(--accent-rgb), .25); }
.hero h1 { text-shadow: 0 0 28px rgba(var(--accent-rgb), .3), 2px 2px 0 var(--accent-shadow); }
.hero-panel, .eyebrow, .stat, .card, .feature, .hero-age-note,
.age-warning, .footer, .mobile-bottom-bar, .logo-official img {
  border-color: rgba(var(--accent-rgb), .24);
}
.site-header { border-bottom-color: rgba(var(--accent-rgb), .3); }
.brand-mark { background: linear-gradient(135deg, var(--accent-deep), var(--accent)); color: #051019; box-shadow: 0 0 22px rgba(var(--accent-rgb), .28); }
.logo-official { filter: drop-shadow(0 0 22px rgba(var(--accent-rgb), .24)); }
.logo-official::before { background: radial-gradient(circle, rgba(var(--accent-rgb), .3), transparent 68%); }
.logo-official::after { background: conic-gradient(transparent, rgba(var(--accent-rgb), .32), transparent, var(--accent-deep), transparent); }
.hero-platform-card {
  border-color: rgba(var(--accent-rgb), .75);
  background: linear-gradient(145deg, var(--accent-shadow), #0b0813);
  box-shadow: 0 0 26px rgba(var(--accent-rgb), .2), 0 18px 38px #0006;
}
.hero-platform-card::before { background: linear-gradient(90deg, var(--accent-deep), var(--accent), var(--accent-deep)); box-shadow: 0 0 18px rgba(var(--accent-rgb), .6); }
.hero-platform-card:hover { border-color: var(--accent); box-shadow: 0 0 36px rgba(var(--accent-rgb), .34), 0 22px 44px #0007; }
.hero-platform-cta { color: #071018; background: linear-gradient(100deg, var(--accent), var(--accent-light)); box-shadow: 0 8px 22px rgba(var(--accent-rgb), .26); }
.hero-platform-tag { border-color: rgba(var(--accent-rgb), .23); background: rgba(var(--accent-rgb), .07); }
.card:hover { border-color: rgba(var(--accent-rgb), .6); background: rgba(var(--accent-rgb), .06); }
.feature::before { background: linear-gradient(90deg, var(--accent-deep), var(--accent)); box-shadow: 0 0 20px rgba(var(--accent-rgb), .35); }
.feature-label { color: var(--accent); background: rgba(var(--accent-rgb), .1); border-color: var(--line); }
.footer-suits { color: rgba(var(--accent-rgb), .4); }
.hero-platform-card:focus-visible, .card:focus-visible { outline: 3px solid var(--accent-light); outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) { .logo-official::before, .logo-official::after { animation: none; } }