html[data-astra-theme="dark"] {
  color-scheme: dark;
}

html[data-astra-theme="light"] {
  color-scheme: light;
}

html[data-astra-theme="dark"] body {
  --ink: #f1f3f5;
  --muted: #b1b8c0;
  --line: #394048;
  --panel: #23272c;
  --soft: #2b3137;
  --black: #1766ad;
  background-color: #1b1f23;
  color: #f1f3f5;
}

html.astra-history-page[data-astra-theme="dark"] body {
  background: #1b1f23;
}

html.astra-pricing-page[data-astra-theme="dark"] body,
html.astra-legal-page[data-astra-theme="dark"] body {
  background: #1b1f23;
}

html.astra-pricing-page[data-astra-theme="dark"] .plan-card,
html.astra-pricing-page[data-astra-theme="dark"] .status,
html.astra-pricing-page[data-astra-theme="dark"] .back,
html.astra-pricing-page[data-astra-theme="dark"] .secondary,
html.astra-legal-page[data-astra-theme="dark"] main,
html.astra-legal-page[data-astra-theme="dark"] .back {
  background: #23272c;
  border-color: #394048;
  color: #f1f3f5;
}

html.astra-pricing-page[data-astra-theme="dark"] .plan-card.is-featured {
  border-color: #6c9ed0;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .24);
}

html.astra-pricing-page[data-astra-theme="dark"] .primary {
  background: linear-gradient(100deg, #145b9f, #3b96df);
  border-color: #1766ad;
  color: #fff;
}

html.astra-pricing-page[data-astra-theme="dark"] .methods span {
  background: #2b3137;
  border-color: #394048;
}

html.astra-legal-page[data-astra-theme="dark"] section,
html.astra-legal-page[data-astra-theme="dark"] main {
  border-color: #394048;
}

html.astra-legal-page[data-astra-theme="dark"] .back:hover {
  background: #f1f3f5;
  color: #1b1f23;
}

html.astra-landing-page[data-astra-theme="dark"] body {
  --ink: #f5f5f3;
  --muted: rgba(245, 245, 243, .72);
  --panel: rgba(27, 31, 35, .84);
  --line: rgba(255, 255, 255, .16);
  --black: #f5f5f3;
  background: #1b1f23;
}

html.astra-landing-page[data-astra-theme="dark"] .faq-section {
  background: #1e2227;
}

html.astra-landing-page[data-astra-theme="dark"] .landing {
  background:
    linear-gradient(90deg, rgba(15, 18, 21, .34) 0%, rgba(15, 18, 21, .28) 40%, rgba(15, 18, 21, .12) 72%, rgba(15, 18, 21, .06) 100%),
    url("/assets/landing-hero-light.png") center / cover no-repeat,
    #1b1f23;
}

html.astra-landing-page[data-astra-theme="light"] body {
  --ink: #0d0e11;
  --muted: rgba(13, 14, 17, .70);
  --panel: rgba(255, 255, 255, .82);
  --line: rgba(13, 14, 17, .14);
  --black: #050505;
  background: #f6f5f2;
  color: #0d0e11;
}

html.astra-landing-page[data-astra-theme="light"] .faq-section {
  background: #f6f5f2;
}

html.astra-landing-page[data-astra-theme="light"] .landing {
  background:
    linear-gradient(90deg, rgba(250, 250, 248, .47) 0%, rgba(250, 250, 248, .38) 34%, rgba(250, 250, 248, .12) 66%, rgba(250, 250, 248, .04) 100%),
    url("/assets/landing-hero-light.png") center / cover no-repeat,
    #f6f5f2;
}

html.astra-admin-page[data-astra-theme="light"] body {
  --bg: #f4f6f8;
  --panel: #ffffff;
  --card: #edf1f4;
  --text: #18202b;
  --muted: #66717d;
  --line: #d6dce2;
  --white: #1766ad;
  background: var(--bg);
  color: var(--text);
}

html.astra-admin-page[data-astra-theme="light"] .sidebar {
  background: #e9edf1;
}

html.astra-admin-page[data-astra-theme="light"] .primary {
  background: #1766ad;
  color: #fff;
}

html.astra-admin-page[data-astra-theme="light"] .lang button.active {
  background: #1766ad;
  color: #fff;
}

@media (max-width: 820px) {
  html.astra-landing-page[data-astra-theme="dark"] .landing {
    background:
      linear-gradient(180deg, rgba(15, 18, 21, .17) 0%, rgba(15, 18, 21, .08) 34%, rgba(15, 18, 21, .32) 72%, rgba(15, 18, 21, .36) 100%),
      url("/assets/landing-hero-light.png") 34% top / auto 68vh no-repeat,
      #1b1f23;
  }

  html.astra-landing-page[data-astra-theme="light"] .landing {
    background:
      linear-gradient(180deg, rgba(250, 250, 248, .34) 0%, rgba(250, 250, 248, .09) 38%, rgba(250, 250, 248, .47) 72%, rgba(250, 250, 248, .55) 100%),
      url("/assets/landing-hero-light.png") 34% top / auto 68vh no-repeat,
      #f6f5f2;
  }
}