/**
 * Дизайн-токены АС‑ПРО: Symbiote palette (лендинг) + legacy aliases.
 * Подключайте после Tailwind CDN для кастомных блоков.
 */
:root {
  /* Symbiote — канон с aspro-landing-symbiote.css */
  --bg-deep: #0a0908;
  --bg-dark: #12100e;
  --bg-warm: #f0ebe3;
  --bg-cream: #e8e2d6;
  --text-on-dark: #f8f4ec;
  --text-on-light: #12100e;
  --text-muted-dark: rgba(248, 244, 236, 0.78);
  --text-muted-light: #4f483e;
  --glass-border: rgba(196, 165, 116, 0.18);
  --gold: #c9ab7a;
  --gold-light: #edd9a8;
  --gold-dark: #9a7d4a;
  --glow-gold: 0 0 16px rgba(196, 165, 116, 0.35);

  /* Legacy aliases → Symbiote */
  --aspro-bg-deep: var(--bg-deep);
  --aspro-bg-mid: var(--bg-dark);
  --aspro-card: rgba(18, 16, 14, 0.72);
  --aspro-border: var(--glass-border);
  --aspro-accent: var(--gold);
  --aspro-accent-glow: rgba(196, 165, 116, 0.35);
  --aspro-win: rgba(34, 197, 94, 0.55);
  --aspro-text: var(--text-on-dark);
  --aspro-radius-lg: 1.5rem;
}

.aspro-card {
  background: var(--aspro-card);
  border: 1px solid var(--aspro-border);
  border-radius: var(--aspro-radius-lg);
}

.aspro-narrative strong {
  color: var(--gold-light);
}

.aspro-risk-low {
  border-left: 4px solid #10b981 !important;
}
.aspro-risk-medium {
  border-left: 4px solid #f59e0b !important;
}
.aspro-risk-high {
  border-left: 4px solid #ef4444 !important;
}

.aspro-glow-win {
  box-shadow: 0 0 24px var(--aspro-win), inset 0 0 18px rgba(234, 179, 8, 0.06);
}

/* --- §B2: pricing под Symbiote (ivory bands, gold CTA контекст) --- */

body.silver-pricing-page {
  background: var(--bg-deep);
  color: var(--text-on-dark);
}

body.silver-pricing-page .silver-content-band {
  background: rgba(255, 252, 247, 0.92);
  border: 1px solid rgba(196, 165, 116, 0.22);
  box-shadow: var(--glow-gold);
  color: var(--text-on-light);
}

body.silver-pricing-page .silver-content-band::before,
body.silver-pricing-page .silver-content-band::after {
  background: linear-gradient(90deg, transparent, rgba(201, 171, 122, 0.45), transparent);
}

body.silver-pricing-page .silver-content-band h2,
body.silver-pricing-page .silver-content-band p,
body.silver-pricing-page .silver-content-band li {
  color: var(--text-on-light);
}

body.silver-pricing-page .silver-content-band strong {
  color: var(--text-on-light);
}

body.silver-pricing-page header h1 {
  color: var(--text-on-dark);
  letter-spacing: -0.02em;
}

body.silver-pricing-page header .pricing-hero-lead {
  color: var(--text-muted-dark);
}

body.silver-pricing-page header .pricing-hero-lead strong {
  color: var(--text-on-dark);
}

body.silver-pricing-page nav > a:first-child {
  color: var(--text-muted-dark);
}

body.silver-pricing-page nav > a:first-child:hover {
  color: var(--gold-light);
}

body.silver-pricing-page .silver-pricing-card--featured {
  border-color: rgba(201, 171, 122, 0.45);
  box-shadow: var(--glow-gold);
}