@font-face{font-family:'Inter';src:url('/_content/Shopstrate.Web.Components/fonts/inter-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Inter';src:url('/_content/Shopstrate.Web.Components/fonts/inter-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('/_content/Shopstrate.Web.Components/fonts/space-grotesk-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('/_content/Shopstrate.Web.Components/fonts/space-grotesk-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Fraunces';src:url('/_content/Shopstrate.Web.Components/fonts/fraunces-600.woff2') format('woff2');font-weight:600;font-display:swap}
:root{
  --ss-color-brand:#2A6F97;
  --ss-color-on-brand:#ffffff;
  --ss-color-link:#2A6F97;
  --ss-color-surface:#ffffff;
  --ss-color-surface-2:#f6f7f9;
  --ss-color-ink:#1d2430;
  --ss-color-muted:#5b6573;
  --ss-color-line:#e6e8ec;
  --ss-color-success:#15692f;
  --ss-color-warning:#7a4e00;
  --ss-color-info:#0b5cad;
  --ss-color-danger:#b42318;
  --ss-radius:8px;
  --ss-space:18px;
  --ss-scale:1;
  --ss-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --ss-font-display:'Fraunces',Georgia,serif;
  --ss-fs-hero:clamp(2.6rem,5vw,4rem);
  --ss-fs-h2:2.6rem;
  --ss-fs-h3:1.3rem;
  --ss-fs-eyebrow:.72rem;
  --ss-focus-ring:0 0 0 3px rgba(42,111,151,.45);
}