/*
 * Public-page compatibility layer
 *
 * It is deliberately loaded after the page-local styles.  This keeps the
 * useful page-specific layouts while removing the competing colour systems
 * that made the public tree look like several unrelated products.
 */
:root {
  --avx-accent: var(--mint);
  --avx-accent-2: var(--blue);
  --avx-gold: var(--amber);
  --avx-ink: var(--ink);
  --avx-muted: var(--muted);
  --avx-border: var(--line);
  --avx-border-strong: var(--line-strong);
  --avx-deep: var(--paper);
  --avx-panel: var(--panel);
  --avx-panel-soft: rgba(13, 20, 28, .58);
  --avx-glow: rgba(118, 218, 198, .18);
  --font-sans: var(--sans);
}

body.legacy-page {
  color: var(--ink);
  background:
    radial-gradient(900px 480px at 78% -8%, rgba(77, 131, 188, .18), transparent 70%),
    radial-gradient(700px 500px at -12% 34%, rgba(65, 150, 137, .11), transparent 72%),
    var(--paper);
  font-family: var(--sans);
}

body.legacy-page .container {
  width: min(1180px, calc(100% - 40px));
  margin-inline: auto;
  padding-inline: 0;
}

body.legacy-page :is(.about-hero, .academy-hero, .prop-firms-hero, .pricing-hero, .support-hero, .docs-hero, .markets-hero, .seo-article__hero) {
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(110deg, rgba(30, 62, 73, .34), rgba(9, 14, 20, .1) 60%),
    var(--paper-2);
}

body.legacy-page :is(.about-hero__title, .academy-hero__title, .prop-firms-hero h1, .pricing-hero h1, .support-hero h1, .docs-hero h1, .markets-hero h1, .seo-article__hero h1) {
  color: var(--ink);
  text-shadow: none;
}

body.legacy-page :is(.category-card, .subsection-card, .pricing-card, .support-card, .docs-card, .market-card, .article-card, .mission-visual__card, .team-card, .feature-card, .info-card) {
  background: var(--panel);
  border-color: var(--line);
  box-shadow: none;
}

body.legacy-page :is(.category-card, .subsection-card, .pricing-card, .support-card, .docs-card, .market-card, .article-card, .mission-visual__card, .team-card, .feature-card, .info-card):hover {
  border-color: var(--line-strong);
  box-shadow: 0 22px 52px rgba(0, 0, 0, .22);
}

body.legacy-page :is(.avx-btn--primary, .btn-primary, .cta-button, .pricing-cta) {
  color: #03110e;
  border-color: var(--mint);
  background: var(--mint);
  box-shadow: none;
}

body.legacy-page :is(.avx-btn--ghost, .btn-secondary, .outline-button) {
  color: var(--ink);
  border-color: var(--line);
  background: rgba(255, 255, 255, .025);
}

body.legacy-page :is(.about-hero__subtitle, .academy-hero__desc, .hero-desc, .section-description, .section-subtitle, .article-excerpt) {
  color: var(--muted);
}

/* Older SEO pages that carry their own long-form article styles. */
body.legacy-page :is(.drawdown-container, .rwa-container, .airdrop-container, .calc-container, .case-container, .depin-container, .guide-container, .ict-container, .instant-container, .ledger-container, .ob-container, .ranking-container, .savings-container, .smc-container, .sp500-container, .tax-container, .article-container, .content-container) {
  color: var(--ink);
  font-family: var(--sans);
}

body.legacy-page :is(.drawdown-container, .rwa-container, .airdrop-container, .calc-container, .case-container, .depin-container, .guide-container, .ict-container, .instant-container, .ledger-container, .ob-container, .ranking-container, .savings-container, .smc-container, .sp500-container, .tax-container, .article-container, .content-container) :is(h1, h2, h3, h4, h5, h6) {
  color: var(--ink) !important;
}

body.legacy-page :is(.drawdown-container, .rwa-container, .airdrop-container, .calc-container, .case-container, .depin-container, .guide-container, .ict-container, .instant-container, .ledger-container, .ob-container, .ranking-container, .savings-container, .smc-container, .sp500-container, .tax-container, .article-container, .content-container) p[style*="color"] {
  color: var(--muted) !important;
}

body.legacy-page :is(.quick-answer, .info-box, .example-box, .platform-card, .process-box, .calculation, .warning-box, .tip-box, .pros, .cons, .spec-item) {
  color: var(--ink);
  background: var(--panel);
  border-color: var(--line);
  box-shadow: none;
}

body.legacy-page :is(.quick-answer, .info-box, .example-box, .platform-card, .process-box, .calculation, .warning-box, .tip-box, .pros, .cons, .spec-item) :is(h2, h3, h4, p, li) {
  color: inherit;
}

body.legacy-page :is(.comparison-table table, .comparison-table td) {
  color: var(--ink);
  background: var(--panel);
  border-color: var(--line);
}

body.legacy-page .comparison-table th,
body.legacy-page .author-box {
  color: #03110e;
  background: var(--mint);
}

body.legacy-page .comparison-table tr:hover,
body.legacy-page .comparison-table tr:hover td {
  background: rgba(118, 218, 198, .06);
}

body.legacy-page :is(.contact-container, .feed-container, .post-container) {
  color: var(--ink);
  font-family: var(--sans);
}

body.legacy-page :is(.contact-card, .post-card, .post-body, .signal-card) {
  color: var(--ink);
  background: var(--panel);
  border-color: var(--line);
  box-shadow: none;
}

body.legacy-page :is(.brand-title, .feed-hero h1, .post-title) {
  color: var(--ink);
  background: none;
  -webkit-text-fill-color: currentColor;
}

body.legacy-page .info-icon {
  color: var(--mint);
  background: rgba(118, 218, 198, .1);
}

@media (max-width: 620px) {
  body.legacy-page .container { width: min(100% - 28px, 1180px); }
}