/* Super Admin controlled public website theme */

body {
  background-color: var(--pc-theme-bg) !important;
  color: var(--pc-theme-text) !important;
}

a {
  color: var(--pc-theme-primary);
}

.btn.primary,
a.btn.primary,
button.primary,
.btn.blue,
button.blue {
  background: linear-gradient(135deg, var(--pc-theme-primary), var(--pc-theme-secondary)) !important;
  border-color: color-mix(in srgb, var(--pc-theme-primary) 55%, transparent) !important;
}

.gradientText,
.hero h1 .gradientText,
h1 .gradientText {
  background: linear-gradient(
    135deg,
    #ffffff 0%,
    var(--pc-theme-primary) 42%,
    var(--pc-theme-secondary) 78%,
    var(--pc-theme-highlight) 115%
  ) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

.sectionKicker,
.eyebrow,
.kicker,
.featureIcon,
.brandText {
  color: var(--pc-theme-primary) !important;
}

.card,
.panel,
.feature,
.featureCard,
.step,
.pricingStrip,
.tvAppSection,
.tvAppCard {
  border-color: color-mix(in srgb, var(--pc-theme-primary) 28%, transparent) !important;
}

.pill,
.badge,
.tag,
.chip {
  border-color: color-mix(in srgb, var(--pc-theme-primary) 30%, transparent) !important;
}

::selection {
  background: color-mix(in srgb, var(--pc-theme-primary) 35%, transparent) !important;
}


/* Landing page flat surface/background theme fix */
body {
  background:
    linear-gradient(180deg, var(--pc-theme-bg) 0%, #02040b 100%) !important;
}

body::before {
  opacity: .08 !important;
}

.hero,
.tvAppSection,
.pricingStrip,
.feature,
.featureCard,
.card,
.panel,
.step,
.priceCard,
.tvMock,
.tvFrame,
.tvAppCard,
.screen,
.mockup,
.demo,
.preview {
  background:
    linear-gradient(180deg, var(--pc-theme-panel), color-mix(in srgb, var(--pc-theme-panel) 72%, #000 28%)) !important;

  border-color: color-mix(in srgb, var(--pc-theme-primary) 24%, transparent) !important;

  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--pc-theme-primary) 5%, transparent),
    0 18px 54px rgba(0,0,0,.34) !important;
}

/* Remove light radial glows on panels */
.hero::before,
.tvAppSection::before,
.pricingStrip::before,
.feature::before,
.card::before,
.panel::before {
  display: none !important;
  content: none !important;
  background: none !important;
}

/* TV mockup screen stays themed but not glowy */
.tvScreen,
.fireTvScreen {
  background:
    linear-gradient(180deg, var(--pc-theme-panel) 0%, var(--pc-theme-bg) 100%) !important;
}

.tvAppBullets > div,
.pill,
.badge,
.tag,
.chip {
  background: color-mix(in srgb, var(--pc-theme-panel) 88%, #000 12%) !important;
  border-color: color-mix(in srgb, var(--pc-theme-primary) 24%, transparent) !important;
}

.sectionKicker,
.eyebrow,
.kicker,
.featureIcon,
.stat b,
.price,
.amount {
  color: var(--pc-theme-primary) !important;
}