/* Neutral light palette for the public pricing page. */
html.light body:not([data-theme-preset]) #root .sunapi-pricing.sunapi-pricing {
  --pricing-canvas: #f3f5f7;
  --pricing-surface: #ffffff;
  --pricing-line: #dce2e9;
  --pricing-ink: #152033;
  --pricing-muted: #49596d;
  --pricing-blue: #2459b5;
  background: var(--pricing-canvas) !important;
  color: var(--pricing-ink);
}

html.light body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-pricing-hero :is(h1, h1 span) {
  background: none;
  color: var(--pricing-ink);
  -webkit-text-fill-color: currentColor;
}

html.light body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-pricing-hero h1 span {
  color: var(--pricing-blue);
}

html.light body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-pricing-search input {
  background: var(--pricing-surface) !important;
  border-color: #cbd5e1 !important;
  color: var(--pricing-ink) !important;
  box-shadow: none !important;
}

html.light body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-pricing-search input::placeholder {
  color: var(--pricing-muted);
  opacity: 1;
}

html.light body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-pricing-toolbar,
html.light body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-model-grid .sunapi-model-card {
  background: var(--pricing-surface) !important;
  border-color: var(--pricing-line) !important;
  color: var(--pricing-ink);
  box-shadow: 0 2px 5px #15203309;
}

html.light #root .sunapi-pricing .sunapi-pricing-toolbar > p.text-muted-foreground {
  display: none;
}

html.light body:not([data-theme-preset]) #root .sunapi-pricing :is(.sunapi-card-description p, .sunapi-model-code, .sunapi-shared-token-unit, .sunapi-pricing-hero h1 ~ p) {
  color: var(--pricing-muted) !important;
}

html.light body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-pricing-toolbar .sunapi-provider-shortcuts button[aria-pressed='true'] {
  background: #eaf1ff !important;
  border-color: #9db8e8 !important;
  color: #214fa5 !important;
  box-shadow: none !important;
}

html.light body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-model-card .sunapi-model-footer button.sunapi-card-details {
  background: #2459b5 !important;
  border-color: #2459b5 !important;
  color: #ffffff !important;
}

@media (hover: hover) {
  html.light body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-model-grid .sunapi-model-card:hover {
    border-color: #9db8e8 !important;
    box-shadow: 0 4px 14px #15203314;
  }

  html.light body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-model-card .sunapi-model-footer button.sunapi-card-details:hover {
    background: #1e4894 !important;
    border-color: #1e4894 !important;
  }
}

html.light body:not([data-theme-preset]):has(.sunapi-pricing) #root .sunapi-site-header {
  background: #ffffff;
  border-bottom-color: #dce2e9;
}

html.light body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-eyebrow {
  color: #2459b5;
}

html.light body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-benefits > span {
  background: #ffffff;
  border-color: #dce2e9;
  color: #34445b;
}

html.light body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-benefits svg {
  background: #eaf1ff;
  color: #2459b5;
}

html.light body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-pricing-search > div:first-child > svg {
  color: #2459b5;
}

html.light body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-model-card .sunapi-card-copy-name {
  color: #34445b;
  border-color: #cbd5e1;
}

html.light body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-model-card .sunapi-card-copy-icon {
  color: #4a6077;
}