/* spivanka.pl theme — the owner's brandbook v1.0 (24.09.2026), design only.
   Loaded AFTER each page's own <style>, and only on the Polish shop, so spivanka.com is untouched.
   Inter is self-hosted: fetching fonts from Google sends every Polish visitor's IP to Google,
   which EU courts have treated as a GDPR breach. */
@font-face{font-family:'Inter';font-style:normal;font-weight:400 500;font-display:swap;
  src:url(/static/brand/pl/fonts/inter-400-latinext.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600 900;font-display:swap;
  src:url(/static/brand/pl/fonts/inter-700-latinext.woff2) format('woff2')}

:root{
  /* Spivanka Gradient, 135°: Violet → Magenta → Coral → Peach */
  --grad:linear-gradient(135deg,#5B16E8 0%,#D91C92 48%,#FF6F61 80%,#FF9A5A 100%);
  --ink:#24133F;          /* Deep Ink */
  --muted:#6B5C83;
  --bg:#FFF7FB;           /* Soft Canvas */
  --card:#ffffff;
  --line:#E9DDF5;         /* card border */
  --ring:rgba(91,22,232,.18);
}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
body{background:
    radial-gradient(46% 30% at 82% -2%, rgba(255,154,90,.12), transparent 60%),
    radial-gradient(42% 28% at 8% 3%, rgba(91,22,232,.10), transparent 60%),
    var(--bg);
  /* the result page had a flat colour: without these the glow tiled down the page */
  background-repeat:no-repeat;background-attachment:fixed}
h1,h2,h3{font-family:'Inter',sans-serif;letter-spacing:-.025em}
h1{font-weight:800}
h2{font-weight:700}

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

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

/* cards: white, #E9DDF5 border, 16–20 px radius */
.opt,.tariff,.summary,.chip,.upsell,.card{border-color:var(--line)}
.opt,.tariff,.summary,.upsell,.card{border-radius:18px}

/* accents in brand violet instead of the old plum */
.badge{color:#5B16E8;background:#F1E9FF}
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:#5B16E8}
input[type=checkbox]{accent-color:#5B16E8!important}