/* Styles the pages Lotaja owns (cart, checkout, login, orders…) when they sit inside Bloom's header and footer.
   Only selectors scoped to [data-theme-frame] are used, so nothing here can touch the theme's own pages. */
.bloom [data-theme-frame] { font-family: var(--f-body); color: var(--c-ink); }
.bloom [data-theme-frame] :is(h1, h2, h3, h4) { font-family: var(--f-heading); letter-spacing: -0.02em; color: var(--c-ink); }
.bloom [data-theme-frame] a:not([class]) { color: var(--c-primary); }
.bloom [data-theme-frame] :is(input, select, textarea):focus { outline-color: var(--c-primary); border-color: var(--c-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--c-primary) 18%, transparent); }
.bloom [data-theme-frame] :is(input[type="checkbox"], input[type="radio"]) { accent-color: var(--c-primary); }