/**
 * Tool page shell — shared page background, glow, and stacking for
 * /token-calculator/ (page-v1-calculator) and /prompt-optimizer/ (page-cost-v2).
 * Extracted from home-index.css shell rules; avoids homepage section style leakage.
 * Requires: design-tokens.css, toket-app-shell.css (toket-app-shell class on html).
 */

/* —— Body page background (marketing V1 shell; toket-app-shell.css covers page-cost-v1/v2 legacy) —— */
html.toket-app-shell.page-v1-calculator body {
  background: var(--dt-page-bg);
  color: var(--text-main, var(--toket-text));
  font-family: var(--toket-font-sans, var(--dt-font-sans));
}

html.toket-app-shell:is([data-theme="dark"], .dark).page-v1-calculator body {
  background: var(--toket-bg-page);
}

html.toket-app-shell[data-theme="light"].page-v1-calculator body {
  background: #f6f8fc;
}

/* —— Glow overlay + main stacking —— */
html.toket-app-shell:is(.page-v1-calculator, .page-cost-v2) .home-bg-glow {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(ellipse 80% 50% at 50% -20%, rgba(124, 58, 237, 0.15), transparent 55%),
    radial-gradient(ellipse 60% 40% at 100% 50%, rgba(99, 102, 241, 0.08), transparent 50%);
}

html.toket-app-shell.site-unified-chrome.page-home:is([data-theme="dark"], .dark):is(
    .page-v1-calculator,
    .page-cost-v2
  )
  .home-bg-glow {
  opacity: 1;
}

html.toket-app-shell:is(.page-v1-calculator, .page-cost-v2) .home-page {
  position: relative;
  z-index: 1;
}

html.toket-app-shell.page-v1-calculator.page-home .home-footer,
html.toket-app-shell.page-cost-v2.page-home .home-footer,
html.toket-app-shell.page-v1-calculator.page-home #siteFooterMount,
html.toket-app-shell.page-cost-v2.page-home #siteFooterMount {
  background: transparent;
}