/* Prism seller centre: the stock green, amber, red and blue notes take
   the theme's own; the hero tile is filled with the accent, the buttons
   the theme's accent press. */
@import url("../../seller-centre.css");

html body :is(.sc-page, .sc-panel) { --sc-good: var(--psm-good); --sc-warn: var(--psm-warn); --sc-crit: var(--psm-bad); --sc-info: var(--psm-info); --sc-accent: var(--psm-accent-text); }
.sc-tile--hero { position: relative; overflow: hidden; background: radial-gradient(120% 120% at 100% 0%, rgba(255, 255, 255, .18), transparent 55%), var(--psm-accent); color: var(--psm-on-accent); box-shadow: 0 18px 40px -22px var(--psm-accent-glow); }
.sc-tile--hero::before { display: none; }
.sc-tile--hero, .sc-tile--hero * { --ink: var(--psm-on-accent); --ink-soft: var(--psm-on-accent); }
.sc-btn--primary { background: var(--btn-face), var(--btn-bg); color: var(--btn-ink); box-shadow: var(--btn-shadow); }
.sc-btn--primary:active { transform: translateY(1px); box-shadow: var(--btn-shadow-down); }
.sc-note { border: 1px solid color-mix(in srgb, currentColor 25%, transparent); border-radius: var(--radius-sm); }
.sc-tile--hero .sc-eb, .sc-tile--hero p { color: var(--psm-on-accent); opacity: .9; }
.sc-tile--hero .sc-eb, .sc-tile--hero :is(h1, h2, h3, strong, .sc-num) { position: relative; color: var(--psm-on-accent); }