/* yoursonggift.com theme — Your Song Gift brandbook v1.0 + asset spec v1.1 (01.10.2026).
   Loaded AFTER each page's own <style>, only on the U.S. shop. Poppins for headings and buttons,
   Montserrat for body copy (both OFL, self-hosted, latin subset). Royal Purple #7C2AE8 is final.
   Checkout, forms and long text stay white/very light — the gradient is for hero moments. */
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;
  src:url(/static/brand/us/fonts/poppins-500-latin.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;
  src:url(/static/brand/us/fonts/poppins-600-latin.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700 900;font-display:swap;
  src:url(/static/brand/us/fonts/poppins-700-latin.woff2) format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400 600;font-display:swap;
  src:url(/static/brand/us/fonts/montserrat-latin.woff2) format('woff2')}

:root{
  /* Primary gradient, ~35°: Royal Purple → Vibrant Pink → Coral → Sunset Orange */
  --grad:linear-gradient(125deg,#7C2AE8 0%,#EC4899 42%,#FB7185 72%,#F97316 100%);
  --ink:#0F172A;          /* Deep Navy */
  --muted:#5B6474;
  --bg:#FFF1F6;           /* Soft Pink */
  --card:#ffffff;
  --line:#F5D0E6;
  --ring:rgba(124,42,232,.18);
}
body{font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
body{background:
    radial-gradient(46% 30% at 82% -2%, rgba(249,115,22,.10), transparent 60%),
    radial-gradient(42% 28% at 8% 3%, rgba(124,42,232,.10), transparent 60%),
    var(--bg);
  background-repeat:no-repeat;background-attachment:fixed}
h1,h2,h3,.btn,.badge,.opt,.tariff .t-name,summary,.wz-q,.step-q{font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
h1,h2,h3{letter-spacing:-.02em}
h1{font-weight:700}
h2{font-weight:600}
.btn{font-weight:600}

/* the brand icon instead of the generic ♫ square */
.logo{background:url(/static/brand/us/icon/ysg-icon-512.png) center/contain no-repeat!important;
  color:transparent!important;font-size:0!important;box-shadow:none!important;border-radius:0!important}

/* primary CTA: the brand gradient, white text */
.btn{background:var(--grad);box-shadow:0 10px 26px rgba(124,42,232,.22)}
.btn.secondary,.btn.sec{background:#fff;color:var(--ink);border:1.5px solid var(--line);box-shadow:none}

/* cards: white, soft-pink border, generous radius */
.opt,.tariff,.summary,.chip,.upsell,.card{border-color:var(--line)}
.opt,.tariff,.summary,.upsell,.card{border-radius:18px}

/* accents in Royal Purple */
.badge{color:#7C2AE8;background:#F3E8FF}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,
.btn:focus-visible,.opt:focus-visible,.chip:focus-visible,.tariff:focus-visible{outline-color:#7C2AE8}
input[type=checkbox]{accent-color:#7C2AE8!important}