/* Edition — warm paper, big type and artwork on mounts. Built on Foundation:
   colours, type, buttons and cards come from Site styles; this file adds the
   few touches that make it Edition, plus the --color-* names that the Edition
   child themes (Noir, Gallery White, Bold Poster, Motion, Riso Zine) use. */

:root, [class*="ct-"] {
  --color-bg: var(--bg); --color-surface: var(--card); --color-fg: var(--heading); --color-text: var(--text);
  --color-muted: var(--muted); --color-border: var(--border); --color-accent: var(--accent);
  --color-button: var(--btn-bg, var(--heading)); --color-button-text: var(--btn-fg, var(--bg));
  --page-width: var(--max);
}

/* Announcement bar: small, tracked capitals */
.announcement { padding: .65rem var(--gutter); }

/* Header: a hairline appears once the page scrolls */
.site-header { border-bottom: 1px solid transparent; }
.site-header.is-scrolled { box-shadow: none; border-bottom-color: var(--border); }

/* Big statement marquee */
.marquee { padding: 1.4rem 0; }
.marquee__item { font: var(--h2-style) var(--h2-weight) calc(var(--h2-size) * .82)/1 var(--h2-font); letter-spacing: var(--h2-ls); }

/* Edition badges: a solid accent tag on the card */
.badge { border-radius: 0; padding: .55em .75em; }
.badge--limited { background: var(--accent); color: #fff; }
.badge--limited::before { background: currentColor; }
.badge--sold { background: var(--heading); color: var(--bg); }

/* Cards: the stage fills edge to edge, info sits under it in a quiet row */
.card { gap: 1.1rem; }
.card__title { font-weight: 400; }

/* Product page: price set larger, accordions in the theme's text colour */
.product-buy__price .price { font-size: calc(var(--price-size) * 1.35); }
.accordion summary { font-weight: 400; }

/* Footer: same paper as the page, with a rule above */
.site-footer { border-top: 1px solid var(--border); }
.site-footer__name { font: var(--h2-style) var(--h2-weight) var(--h2-size)/1.05 var(--h2-font); letter-spacing: var(--h2-ls); }