/* Design tokens for the ported stylesheet.
 *
 * site.css is the original design's stylesheet, kept as close to untouched as possible so it
 * stays diffable against the source. It consumes --font-geist-sans / --font-geist-mono, which
 * on the original site came from build-generated body classes. They are declared here instead,
 * in one place, so the ported CSS never has to be edited.
 *
 * The colour tokens (--blue, --cyan, --ink...) are defined inside site.css itself and are left
 * there on purpose — they belong to the ported design, not to this layer.
 *
 * Loaded before site.css.
 */

:root {
  --font-geist-sans: "Geist", sans-serif;
  --font-geist-mono: "Geist Mono", sans-serif;
}

/* Launch pricing: the previous price stays visible, struck through, so the discount reads as a
 * discount. Muted and smaller so the live price still wins the eye. */
.price-was {
  color: var(--muted, #93a4bd);
  font-weight: 400;
  opacity: 0.75;
  margin-right: 0.35em;
  font-size: 0.62em;
  text-decoration-thickness: 0.06em;
}

/* Elementor renders its editor canvas inside an iframe that does not inherit the front-end
 * body background, so the page colour is restated for anything editing this design. */
.elementor-editor-active body,
.editor-styles-wrapper {
  background-color: #020711;
  color: #f7f9fd;
}