/* Page-scoped semantic tokens: landing preferences never affect the portal. */
:root {
  color-scheme: light;
  --landing-canvas: #edf8ff;
  --landing-canvas-end: #f9fcff;
  --landing-surface: rgba(255, 255, 255, .82);
  --landing-foreground: #122d4d;
  --landing-muted: #58718b;
  --landing-accent: #13bbed;
  --landing-accent-deep: #197bd3;
  --landing-line: rgba(37, 137, 194, .20);
  --landing-glow: rgba(29, 167, 224, .18);
  --landing-on-accent: #ffffff;
  --landing-button: linear-gradient(180deg, var(--landing-accent), var(--landing-accent-deep));
  --landing-page: linear-gradient(135deg, var(--landing-canvas), var(--landing-canvas-end));
  --landing-shadow: 0 18px 42px -22px var(--landing-glow);
}
html[data-theme="space"] {
  color-scheme: dark;
  --landing-canvas: #070708;
  --landing-canvas-end: #070708;
  --landing-surface: #101013;
  --landing-foreground: #ece5d8;
  --landing-muted: #b7afa2;
  --landing-accent: #7aa5d8;
  --landing-accent-deep: #1c4680;
  --landing-line: rgba(122, 165, 216, .34);
  --landing-glow: rgba(122, 165, 216, .22);
  --landing-button: linear-gradient(180deg, #5b8cd0, var(--landing-accent-deep));
}
html body { background: var(--landing-page) !important; color: var(--landing-foreground) !important; }
html .masthead {
  background: var(--landing-page) !important;
  color: var(--landing-foreground);
}
html .masthead h1, html .eac-hero-name { color: var(--landing-foreground) !important; }
html .masthead h1 .landing-highlight, html .eac-hero-name span, html .navbar-brand .eac-wordmark span {
  color: var(--landing-accent) !important;
}
html .masthead p { color: var(--landing-muted) !important; }
html .eac-chip-t { color: var(--landing-foreground) !important; }
html .eac-chip-s { color: var(--landing-muted) !important; }
html .eac-chip-ic { background: var(--landing-glow); color: var(--landing-accent); }
html .eac-chip { background: var(--landing-surface); border-color: var(--landing-line); }
html .eac-stage::before { background: radial-gradient(circle, var(--landing-glow), transparent 70%); }
html:not([data-theme="space"]) .navbar { background: var(--landing-surface); }
html:not([data-theme="space"]) .navbar-brand,
html:not([data-theme="space"]) .eac-skin-btn { color: var(--landing-foreground) !important; }
html:not([data-theme="space"]) :is(.feature-section, .happy-traders-section, .platform-freeze-section, .cybersecurity-section, .support-section, .video-header-section, .faq-section, .worldwide-section, .free-vps-section, .affiliate-section) {
  background: var(--landing-page) !important;
}
html:not([data-theme="space"]) :is(.card, .srv-card, .affiliate-card, .pricing-table, .accordion-item, .accordion-button, .eac-new-card) {
  background: var(--landing-surface) !important;
  border-color: var(--landing-line) !important;
  box-shadow: var(--landing-shadow) !important;
  color: var(--landing-foreground) !important;
}
html:not([data-theme="space"]) :is(h2, h3, h4, .card-title) { color: var(--landing-foreground); }
html:not([data-theme="space"]) :is(.feature-icon, .platform-icon, .plan-save, .text-success, .text-primary, .affiliate-card h2 span) { color: var(--landing-accent-deep) !important; }
html:not([data-theme="space"]) :is(.btn-primary, .nav-btn-signup, .srv-card-btn, .affiliate-btn-primary, .free-tag, .step-number) {
  background: var(--landing-button) !important;
  border-color: var(--landing-accent-deep) !important;
  color: var(--landing-on-accent) !important;
}
html:not([data-theme="space"]) :is(.btn-outline-success, .btn-reactivate) {
  border-color: var(--landing-accent-deep) !important;
  color: var(--landing-accent-deep) !important;
}
html[data-theme="space"] .footer { background: var(--landing-canvas) !important; }
html[data-theme="space"] .srv-card-head { background: var(--landing-surface); border-color: var(--landing-line); }
html[data-theme="space"] :is(.srv-card-tag, .srv-card-eyebrow) { color: var(--landing-accent) !important; }
html[data-theme="space"] .srv-card-dismiss { color: var(--landing-foreground); }
html[data-theme="space"] .srv-card-btn { background: var(--landing-button); color: var(--landing-on-accent) !important; }
html[data-theme="space"] .nav-btn-signup { color: var(--landing-on-accent) !important; }
/* Reserve each preview's dimensions even while its artwork loads. */
.eac-ph img { aspect-ratio: 600 / 1183; object-fit: cover; }
@media (prefers-reduced-motion: reduce) {
  .eac-logo, .eac-logo-hero, .eac-chip, .eac-live::after { animation: none !important; }
}