/* SwiftSaves site designs ("skins"). Pick one in Admin > Site design.
   Each skin only overrides colour/shape variables plus a few signature details. */

/* ===== 2. Bright Market: clean white header, bold blue actions, airy and light ===== */
html[data-skin=bright]{
  --bg:#fff;--card:#fff;--soft:#f7f7f7;--img-bg:#f7f7f7;--line:#e5e5e5;--line2:#ececec;--text:#191919;--muted:#707070;
  --hdr:#fff;--hdr2:#fff;--hdr-text:#191919;--hdr-sub:#555;--accent:#3665f3;--link:#3665f3;
  --search-btn:#3665f3;--search-btn-text:#fff;--search-select:#f7f7f7;--input-line:#191919;
  --buy-bg:#3665f3;--buy-hover:#2a50c9;--buy-text:#fff;--buy-line:#3665f3;
  --blue:#191919;--blue-dk:#000;
  --hero-bg:linear-gradient(110deg,#e8efff 0%,#fff6e8 60%,#ffeef3 100%);--hero-text:#191919;--hero-sub:#555;
  --ftr:#f7f7f7;--ftr-text:#555;--ftr-head:#191919;--ftr-legal:#efefef;
  --hover:#eef3ff;--cat-ico:#f2f5ff;--sh:none;--sh-h:0 4px 18px rgba(0,0,0,.10);
}
html[data-skin=bright] .hdr{box-shadow:0 1px 0 #e5e5e5}
html[data-skin=bright] .catnav{border-top:1px solid #ececec}
html[data-skin=bright] .catnav a{font-weight:500;color:#555}
html[data-skin=bright] .search{border:2px solid #191919;border-radius:999px;height:46px}
html[data-skin=bright] .search:focus-within{box-shadow:0 0 0 3px #3665f340}
html[data-skin=bright] .search button{border-radius:999px;margin:3px;padding:0 22px}
html[data-skin=bright] .search select{border-radius:999px 0 0 999px;border-right:1px solid #ddd}
html[data-skin=bright] .hdr-cta{background:#191919;color:#fff}
html[data-skin=bright] .logo-mark{filter:hue-rotate(195deg) saturate(1.2)}
html[data-skin=bright] .logo-text{color:#191919}
html[data-skin=bright] .card,html[data-skin=bright] .shelf,html[data-skin=bright] .filters,html[data-skin=bright] .panel,
html[data-skin=bright] .buybox,html[data-skin=bright] .trust,html[data-skin=bright] .seller-card,html[data-skin=bright] .gallery,
html[data-skin=bright] .item-tabs,html[data-skin=bright] .cat-tile,html[data-skin=bright] .my-nav,html[data-skin=bright] .stat,html[data-skin=bright] .lrow{border:1px solid #e5e5e5}
html[data-skin=bright] .shelf{padding-left:0;padding-right:0;border:0}
html[data-skin=bright] .cat-tile{border:0;background:transparent}
html[data-skin=bright] .cat-ico{width:110px;height:110px;font-size:3rem}
html[data-skin=bright] .hero-kicker{background:#fff;border-color:#e5e5e5}
html[data-skin=bright] .btn-ghost{border-color:#191919;color:#191919}
html[data-skin=bright] .btn-ghost:hover{background:#19191910;color:#191919}
html[data-skin=bright] .pager .cur{background:#191919;border-color:#191919}
html[data-skin=bright] .tabs a.on{border-color:#191919}
html[data-skin=bright] .tag-feat{background:#191919;color:#fff}
html[data-skin=bright] .logo-auth .logo-text b,html[data-skin=bright] .logo-text b{color:#3665f3}

/* ===== 3. Midnight: full dark mode with violet glow ===== */
html[data-skin=midnight]{
  color-scheme:dark;
  --bg:#0d1117;--card:#161b22;--soft:#1c2128;--img-bg:#0d1117;--line:#30363d;--line2:#21262d;--text:#e6edf3;--muted:#8b949e;
  --input-bg:#0d1117;--input-line:#30363d;
  --hdr:#010409;--hdr2:#0d1117;--hdr-text:#e6edf3;--hdr-sub:#8b949e;--accent:#a78bfa;--link:#79b8ff;
  --search-btn:linear-gradient(135deg,#a78bfa,#7c3aed);--search-btn-text:#fff;--search-select:#21262d;
  --buy-bg:linear-gradient(135deg,#a78bfa,#7c3aed);--buy-hover:#7c3aed;--buy-text:#fff;--buy-line:#7c3aed;
  --blue:#2f81f7;--blue-dk:#1f6feb;--green:#3fb950;--green-lt:#0f2a1c;--red:#f85149;
  --hero-bg:radial-gradient(circle at 80% 10%,#7c3aed66,transparent 45%),radial-gradient(circle at 10% 90%,#2f81f744,transparent 40%),#0d1117;--hero-text:#fff;--hero-sub:#9da7b3;
  --ftr:#010409;--ftr-text:#8b949e;--ftr-head:#e6edf3;--ftr-legal:#010409;
  --tint:#231d10;--tint-line:#6b5216;--info:#0d2140;--info-line:#1f3b66;--hover:#21262d;--cat-ico:#21262d;
  --sh:0 0 0 1px #30363d;--sh-h:0 0 0 1px #a78bfa66,0 8px 30px #7c3aed33;
}
html[data-skin=midnight] .card-img img{mix-blend-mode:normal}
html[data-skin=midnight] a:hover{color:#c4b5fd}
html[data-skin=midnight] .logo-mark{filter:hue-rotate(235deg) saturate(1.3)}
html[data-skin=midnight] .hero{border:1px solid #30363d}
html[data-skin=midnight] .hero-card{background:#161b22;color:#e6edf3;box-shadow:0 18px 40px #000a}
html[data-skin=midnight] .pill{background:#21262d;color:#c9d1d9}
html[data-skin=midnight] .pill-active,html[data-skin=midnight] .pill-good,html[data-skin=midnight] .pill-completed,html[data-skin=midnight] .pill-accepted{background:#0f2a1c;color:#3fb950}
html[data-skin=midnight] .pill-removed,html[data-skin=midnight] .pill-bad,html[data-skin=midnight] .pill-declined,html[data-skin=midnight] .pill-suspended{background:#3a1215;color:#f85149}
html[data-skin=midnight] .pill-pending,html[data-skin=midnight] .pill-countered,html[data-skin=midnight] .pill-awaiting_payment{background:#2d2205;color:#e3b341}
html[data-skin=midnight] .flash-ok,html[data-skin=midnight] .notice-win{background:#0f2a1c;border-color:#238636;color:#7ee2a8}
html[data-skin=midnight] .flash-error{background:#2d1214;border-color:#8e1519;color:#ffa198}
html[data-skin=midnight] .btn:hover{background:#21262d;color:#e6edf3}
html[data-skin=midnight] .btn-primary:hover{color:#fff}
html[data-skin=midnight] .btn-outline{color:#79b8ff;border-color:#2f81f7}
html[data-skin=midnight] .btn-danger{border-color:#8e1519}
html[data-skin=midnight] .tag-feat{background:#a78bfa;color:#0d1117}
html[data-skin=midnight] .drop{border-color:#30363d}
html[data-skin=midnight] .tbl th{color:#8b949e}

/* ===== 4. Fresh Market: friendly green, coral buy buttons, softer shapes ===== */
html[data-skin=fresh]{
  --bg:#f3f7f4;--soft:#f0f5f2;--img-bg:#eef3f0;--line:#d6e2db;--line2:#e3ece7;--text:#16302a;--muted:#5b6e66;
  --hdr:#0b6e4f;--hdr2:#095c42;--hdr-text:#fff;--hdr-sub:#d4efe3;--accent:#ffd166;--link:#0b6e4f;
  --search-btn:#ffd166;--search-btn-text:#16302a;--search-select:#f0f5f2;
  --buy-bg:#ff6b4a;--buy-hover:#ec5636;--buy-text:#fff;--buy-line:#ff6b4a;
  --blue:#0f766e;--blue-dk:#0b5c55;
  --hero-bg:radial-gradient(circle at 90% 0%,#ffd16655,transparent 40%),linear-gradient(135deg,#0b6e4f,#0f766e 60%,#14532d);--hero-text:#fff;--hero-sub:#d4efe3;
  --ftr:#0b3d2e;--ftr-text:#b9d8cb;--ftr-head:#fff;--ftr-legal:#082c21;
  --tint:#fff8e1;--hover:#e3f4ec;--cat-ico:#e3f4ec;
  --r:18px;--radius-btn:14px;--font-head:ui-rounded,"SF Pro Rounded","Nunito","Segoe UI",system-ui,sans-serif;
}
html[data-skin=fresh] .logo-mark{filter:hue-rotate(110deg)}
html[data-skin=fresh] .search{border-radius:14px}
html[data-skin=fresh] .hdr-cta{background:#ff6b4a}
html[data-skin=fresh] .hdr-cta:hover{background:#ec5636}
html[data-skin=fresh] .hero{border-radius:28px}
html[data-skin=fresh] .card{border-radius:18px}
html[data-skin=fresh] .tag-feat{background:#ff6b4a;color:#fff}
html[data-skin=fresh] .card-price{color:#0b6e4f}
html[data-skin=fresh] a:hover{color:#ff6b4a}

/* ===== 5. Royal Auction House: deep purple, gold, serif, premium feel ===== */
html[data-skin=royal]{
  --bg:#f6f4fa;--soft:#f3f0f8;--img-bg:#f1eef6;--line:#ddd6ea;--line2:#e9e4f2;--text:#1c1530;--muted:#6b6280;
  --hdr:#1b1035;--hdr2:#24164a;--hdr-text:#f3eefc;--hdr-sub:#c9bfe0;--accent:#d4af37;--link:#5b2bb5;
  --search-btn:linear-gradient(#e6c65c,#c9a227);--search-btn-text:#1b1035;--search-select:#efe9f8;
  --buy-bg:linear-gradient(#e6c65c,#c9a227);--buy-hover:#c9a227;--buy-text:#1b1035;--buy-line:#c9a227;
  --blue:#5b2bb5;--blue-dk:#45208c;
  --hero-bg:radial-gradient(circle at 85% 15%,#d4af3755,transparent 40%),linear-gradient(120deg,#1b1035,#3b1f73);--hero-text:#fff;--hero-sub:#d6cbee;
  --ftr:#1b1035;--ftr-text:#c9bfe0;--ftr-head:#f3eefc;--ftr-legal:#120a26;
  --tint:#fbf6e6;--tint-line:#e6c65c;--hover:#efe9f8;--cat-ico:linear-gradient(135deg,#f6efd8,#ece5f8);
  --r:6px;--radius-btn:6px;--font-head:Georgia,"Times New Roman",serif;
}
html[data-skin=royal] .logo-mark{filter:hue-rotate(-15deg) saturate(.8) brightness(1.05)}
html[data-skin=royal] .logo-text{font-family:Georgia,serif;letter-spacing:0}
html[data-skin=royal] .btn{text-transform:uppercase;letter-spacing:.6px;font-size:.8rem}
html[data-skin=royal] .hdr-cta{background:#d4af37;color:#1b1035!important;border-radius:6px}
html[data-skin=royal] .card-price,html[data-skin=royal] .pb-price{font-family:Georgia,serif}
html[data-skin=royal] .card{border-top:3px solid #d4af37}
html[data-skin=royal] .tag-feat{background:#1b1035;color:#d4af37}
html[data-skin=royal] .tabs a.on{border-color:#d4af37}

/* Promo boxes matched to each design */
html[data-skin=midnight] .search select{color:#e6edf3}
html[data-skin=midnight] .p1{background:linear-gradient(135deg,#2f81f7,#1a3f8f)}html[data-skin=midnight] .p2{background:linear-gradient(135deg,#a78bfa,#5b21b6)}html[data-skin=midnight] .p3{background:linear-gradient(135deg,#238636,#0f3d1f)}
html[data-skin=fresh] .p1{background:linear-gradient(135deg,#0f766e,#0b4f4a)}html[data-skin=fresh] .p2{background:linear-gradient(135deg,#ff6b4a,#d9431f)}html[data-skin=fresh] .p3{background:linear-gradient(135deg,#0b6e4f,#14532d)}
html[data-skin=royal] .p1{background:linear-gradient(135deg,#3b1f73,#1b1035)}html[data-skin=royal] .p2{background:linear-gradient(135deg,#c9a227,#8a6d12)}html[data-skin=royal] .p3{background:linear-gradient(135deg,#5b2bb5,#2a1260)}
html[data-skin=bright] .p1{background:#3665f3}html[data-skin=bright] .p2{background:#191919}html[data-skin=bright] .p3{background:linear-gradient(135deg,#ff5f6d,#ffc371)}