/* Canonical tokens — remapped by html.theme-light/dark in redesign.css */
:root{
  --pk-bg:#c2c8d4;
  --pk-surface:#ced3de;
  --pk-surface-2:#c6ccd8;
  --pk-primary:#c81e2d;
  --pk-primary-2:#a81824;
  --pk-accent:#2a5499;
  --pk-grass:#22c55e;
  --pk-gold:#b8922a;
  --pk-text:#1a2230;
  --pk-muted:#4f5b6e;
  --pk-card:#d8dde6;
  --pk-border:rgba(26,34,48,.14);
  --pk-glow-red: transparent;
  --pk-glow-yellow: transparent;
  --pk-glow-cyan: transparent;
  --surface: var(--pk-surface);
  --surface-2: var(--pk-surface-2);
  --text: var(--pk-text);
  --accent: var(--pk-accent);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
}

html.theme-dark:root{
  --pk-bg:#10151c;
  --pk-surface:#171d26;
  --pk-surface-2:#1e2530;
  --pk-primary:#e23b45;
  --pk-primary-2:#c81e2d;
  --pk-accent:#4a7fd4;
  --pk-grass:#3dd68c;
  --pk-gold:#e0bf4a;
  --pk-text:#e8edf4;
  --pk-muted:#93a0b4;
  --pk-card:#1a212b;
  --pk-border:rgba(232,237,244,.1);
  --pk-glow-red: rgba(226, 59, 69, 0.22);
  --pk-glow-yellow: rgba(224, 191, 74, 0.14);
  --pk-glow-cyan: rgba(74, 127, 212, 0.12);
}
/* Subtle pokeball pattern background */
body{
  background:
    radial-gradient(circle at 40px 40px, rgba(255,255,255,0.04) 0 20px, transparent 21px) 0 0/120px 120px,
    linear-gradient(180deg, rgba(255,255,255,.02), transparent 60%),
    var(--pk-bg);
  color: var(--pk-text);
}

/* Header with logo */
.site-header{
  position: sticky;
  top: 0;
  z-index: 100;
}
.logo{
  display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2px;
}
.logo .ball{
  width:28px;height:28px;border:3px solid #fff;border-radius:50%;position:relative;
}
.logo .ball::before{content:"";position:absolute;left:0;right:0;top:50%;height:3px;background:#fff;transform:translateY(-50%);}
.logo .ball::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);}

/* Nav pills */
.nav a, .nav button.nav-link{
  color: var(--pk-text);
  opacity:.85;
  border-radius: 999px;
  padding:8px 14px;
  transition: all .2s ease;
}
.nav a.active, .nav a:hover, .nav button.nav-link:hover{
  background: rgba(255,255,255,.08);
  opacity:1;
}

/* Buttons */
.btn{
  border-radius: 12px;
  padding: 10px 14px;
  border:1px solid var(--pk-border);
  background: var(--pk-surface);
  color: var(--pk-text);
  transition: transform .06s ease, background .2s, border-color .2s, color .2s;
  box-shadow: none;
}
.btn:hover{
  transform: translateY(-1px);
  background: color-mix(in srgb, var(--pk-text) 10%, var(--pk-surface));
  color: var(--pk-text);
}
.btn.primary{
  background: linear-gradient(135deg, var(--pk-primary), #ff5a5a);
  border-color: transparent;
  color: #fff;
}
.btn.primary:hover{
  background: linear-gradient(135deg, #ff2a2a, #ff7070);
  color: #fff;
}
.btn.secondary{ background: linear-gradient(135deg, #2f3061, #3b3d86); color:#fff; }
.btn.warning{ background: linear-gradient(135deg, var(--pk-primary-2), #ffc300); color:#1a1200;}
.btn.ghost{
  background: transparent;
  color: var(--pk-text);
  border: 1px solid var(--pk-border);
}
.btn.ghost:hover{
  background: color-mix(in srgb, var(--pk-text) 8%, transparent);
  color: var(--pk-text);
}

/* Cards */
.card, .product-card, [data-card]{
  background: var(--pk-card);
  border:1px solid var(--pk-border);
  border-radius: 14px;
  box-shadow: 0 8px 18px rgba(0,0,0,.18);
}
.product-card .title{ font-weight:700; }

/* Price + badges */
.price{ font-weight:800; letter-spacing: .3px; }
.price-badge{
  margin-left:8px;padding:3px 8px;border-radius:999px;
  background: rgba(76,201,240,.12);
  color:#bde8ff;border:1px solid rgba(76,201,240,.35)
}
.market-est{
  margin:6px 0 0;
  font-size:12px;
  color:var(--pk-muted,#9aa4c7);
  cursor:pointer;
}
.market-est:hover{ color:var(--pk-accent,#4cc9f0); }
.market-est strong{ color:var(--pk-accent,#4cc9f0); font-weight:800; }
.market-est .market-note{ opacity:.7; font-size:11px; }
.market-est.na{ opacity:.55; cursor:default; }
#market-est-popup{
  position:fixed; inset:0; z-index:2300;
  background:rgba(0,0,0,.55);
  display:flex; align-items:center; justify-content:center;
  padding:16px;
}
#market-est-popup[hidden]{ display:none !important; }
.market-est-panel{
  width:min(420px,92vw);
  background:var(--pk-surface,#121832);
  color:var(--pk-text,#e8ecff);
  border:1px solid var(--pk-border,rgba(255,255,255,.12));
  border-radius:14px;
  padding:14px;
  box-shadow:0 16px 40px rgba(0,0,0,.45);
}
.market-est-panel header{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  margin-bottom:10px;
}
.market-est-panel .small{ opacity:.8; margin:.35rem 0; }

/* Type badges */
.type-badges{ display:flex; gap:6px; flex-wrap: wrap; margin-top:6px;}
.type{ font-size:11px; padding:3px 8px; border-radius:999px; border:1px solid var(--pk-border); background:rgba(255,255,255,.06) }
.type.fire{ background:#ff7f50; color:#200; }
.type.water{ background:#58a6ff; color:#001; }
.type.grass{ background:#7ddc8a; color:#012; }
.type.electric{ background:#ffd60a; color:#221; }
.type.psychic{ background:#fd6bcb; color:#230018; }
.type.fighting{ background:#ef8354; color:#210; }
.type.dragon{ background:#8fb3ff; color:#001; }
.type.dark{ background:#444; }
.type.fairy{ background:#ff9de1; color:#21001a; }
.type.steel{ background:#b9c4d0; color:#112; }
.type.ice{ background:#9fe9ff; color:#023; }
.type.rock{ background:#d6c08d; color:#221; }
.type.ground{ background:#e6c19d; color:#220; }
.type.poison{ background:#b282ff; color:#210033; }
.type.ghost{ background:#7f7fff; color:#000233; }
.type.bug{ background:#bde05c; color:#122; }
.type.normal{ background:#cfd5df; color:#122; }

/* Search bars */
.search, input[type="search"], .search input{
  background: var(--pk-surface-2);
  border:1px solid var(--pk-border);
  color: var(--pk-text);
  border-radius: 14px;
  padding: 10px 12px;
}

/* Footer */
.site-footer{
  border-top:1px solid var(--pk-border);
  background: linear-gradient(0deg, rgba(0,0,0,.35), rgba(0,0,0,.0));
}

/* Hero accent button */
#shop-now-btn{ background: linear-gradient(135deg, var(--pk-primary), #ff6b6b); color:#fff;}

/* Quick view */
.quick-view{ background: var(--pk-surface); border:1px solid var(--pk-border); border-radius:18px; }

/* Mini cart */
.mini-cart{ background: linear-gradient(180deg, var(--pk-card), var(--pk-surface-2)); }

/* Table */
table{ border-color: var(--pk-border) }
th, td{ border-color: var(--pk-border) }

/* Links */
a{ color:#b3d7ff }
a:hover{ color:#d6e9ff }


/* --- Rarity flair --- */
.product-card[data-rarity]{
  position: relative;
  overflow: hidden;
}
.product-card[data-rarity]::before{
  content: "";
  position: absolute; inset: -1px;
  border-radius: 18px;
  pointer-events: none;
  opacity: .55;
  filter: blur(6px);
}
/* Common/uncommon/rare */
.product-card[data-rarity="Common"]::before{ box-shadow: 0 0 0 2px rgba(255,255,255,.06); opacity:.3; }
.product-card[data-rarity="Uncommon"]::before{ box-shadow: 0 0 0 2px rgba(173,216,230,.25); }
.product-card[data-rarity="Rare"]::before{ box-shadow: 0 0 0 2px rgba(135,206,250,.35); }
/* Holo & variants */
.product-card[data-rarity~="Holo"]::before{
  box-shadow:
    0 0 0 2px rgba(255,255,255,.12),
    0 0 32px rgba(108,240,255,.25),
    0 0 64px rgba(255,108,210,.15);
}
.product-card[data-rarity~="Reverse"]::before{
  box-shadow:
    0 0 0 2px rgba(255,255,255,.10),
    0 0 26px rgba(255,214,10,.25);
}
.product-card[data-rarity~="Full"]::before{
  box-shadow:
    0 0 0 2px rgba(255,255,255,.14),
    0 0 30px rgba(76,201,240,.35);
}
.product-card[data-rarity~="Gold"]::before{
  box-shadow:
    0 0 0 2px rgba(255,215,0,.65),
    inset 0 0 120px rgba(255,215,0,.08);
}
.product-card[data-rarity~="Rainbow"]::before{
  background: conic-gradient(from 0deg, #ff7a7a, #ffd86b, #7aff9a, #7ad8ff, #b38bff, #ff7ad1, #ff7a7a);
  opacity: .18;
}
/* Badge to display rarity explicitly */
.product-card .rarity-badge{
  position:absolute; top:10px; right:10px;
  background: rgba(0,0,0,.35);
  border:1px solid var(--pk-border);
  border-radius: 999px;
  padding: 4px 8px;
  font-size: 11px;
  color: var(--pk-text);
  backdrop-filter: blur(6px);
}


/* Ultra/Secret Rare enhancements */
.product-card[data-rarity*="Ultra"]::before{
  box-shadow:
    0 0 0 2px rgba(180,220,255,.55),
    0 0 40px rgba(108,240,255,.25);
}
.product-card[data-rarity*="Secret"]::before{
  box-shadow:
    0 0 0 2px rgba(255,215,0,.85),
    0 0 60px rgba(255,215,0,.35);
}

/* Trainer/Item variant styling */
.product-card[data-kind="Trainer"] .title,
.product-card[data-kind="Supporter"] .title,
.product-card[data-kind="Stadium"] .title{
  color: #ffd60a;
}
.product-card[data-kind="Item"] .title{
  color: #bde8ff;
}

/* Map shop tokens onto the Pokémon palette so leftover light CSS cannot win */
body.theme-pokemon {
  --bg: var(--pk-bg);
  --fg: var(--pk-text);
  --muted: var(--pk-muted);
  --muted-2: var(--pk-muted);
  --border: var(--pk-border);
  --brand: var(--pk-primary);
  --brand-600: #ff4d4d;
  --danger: #ff6b6b;
  --card: var(--pk-card);
  --chip: var(--pk-surface-2);
  --chip-border: var(--pk-border);
  --chip-active: rgba(255,45,45,.18);
  background:
    radial-gradient(ellipse 900px 420px at 8% -8%, var(--pk-glow-red), transparent 58%),
    radial-gradient(ellipse 700px 380px at 92% 0%, var(--pk-glow-yellow), transparent 55%),
    radial-gradient(ellipse 600px 320px at 70% 100%, var(--pk-glow-cyan), transparent 50%),
    radial-gradient(circle at 24px 24px, rgba(255,255,255,.035) 0 2px, transparent 3px) 0 0 / 48px 48px,
    linear-gradient(180deg, #101628 0%, var(--pk-bg) 40%, #080c16 100%);
  background-attachment: fixed;
  color: var(--pk-text);
}
body.theme-pokemon header,
body.theme-pokemon .site-header {
  background:
    linear-gradient(180deg, rgba(255, 45, 45, 0.16), transparent 70%),
    rgba(10, 14, 26, 0.88);
  color: var(--pk-text);
  border-bottom: 1px solid rgba(255, 214, 10, 0.18);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(12px);
}
body.theme-pokemon .site-nav .brand span {
  background: linear-gradient(90deg, #fff 0%, #ffe8a3 55%, var(--pk-primary-2) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
body.theme-pokemon .nav-links .nav-link.active,
body.theme-pokemon .nav-links .nav-btn.active {
  background: rgba(255, 45, 45, 0.18);
  box-shadow: inset 0 -2px 0 var(--pk-primary-2);
  opacity: 1;
}
body.theme-pokemon .nav-links .nav-link:hover,
body.theme-pokemon .nav-links .nav-btn:hover {
  background: rgba(255, 214, 10, 0.1);
}
body.theme-pokemon .hero {
  background:
    radial-gradient(900px 320px at 12% -10%, rgba(255, 45, 45, 0.38), transparent 58%),
    radial-gradient(720px 280px at 88% 0%, rgba(255, 214, 10, 0.22), transparent 52%),
    radial-gradient(500px 220px at 50% 100%, rgba(76, 201, 240, 0.12), transparent 55%),
    linear-gradient(180deg, #1c1420 0%, #12182c 45%, var(--pk-bg) 100%);
  border-bottom: 1px solid rgba(255, 214, 10, 0.14);
  color: var(--pk-text);
  position: relative;
  overflow: hidden;
}
body.theme-pokemon .hero::after {
  content: "";
  position: absolute;
  right: -40px;
  top: 20%;
  width: min(280px, 42vw);
  height: min(280px, 42vw);
  border-radius: 50%;
  border: 10px solid rgba(255, 255, 255, 0.08);
  background:
    linear-gradient(180deg, var(--pk-primary) 0 48%, #111 48% 52%, #f4f4f4 52% 100%);
  box-shadow:
    inset 0 0 0 6px rgba(0,0,0,.35),
    0 0 60px rgba(255, 45, 45, 0.25);
  opacity: 0.22;
  pointer-events: none;
}
body.theme-pokemon .hero-inner { position: relative; z-index: 1; }
body.theme-pokemon .hero h1,
body.theme-pokemon .hero .subtle {
  color: var(--pk-text);
}
body.theme-pokemon .hero .subtle { color: var(--pk-muted); }
body.theme-pokemon .hero-brand {
  color: var(--pk-primary-2);
  text-shadow: 0 0 18px rgba(255, 214, 10, 0.35);
}
body.theme-pokemon .btn.primary,
body.theme-pokemon #shop-now-btn {
  background: linear-gradient(135deg, #ff3b3b 0%, #e01414 55%, #ffd60a 160%);
  box-shadow: 0 8px 22px rgba(255, 45, 45, 0.35), inset 0 1px 0 rgba(255,255,255,.25);
  border: 0;
  color: #fff;
}
body.theme-pokemon .btn.primary:hover,
body.theme-pokemon #shop-now-btn:hover {
  background: linear-gradient(135deg, #ff5555 0%, #ff2a2a 50%, #ffe066 160%);
  box-shadow: 0 10px 28px rgba(255, 45, 45, 0.45), inset 0 1px 0 rgba(255,255,255,.3);
  color: #fff;
}
body.theme-pokemon .btn.ghost {
  border-color: rgba(255, 214, 10, 0.28);
  background: rgba(255, 214, 10, 0.04);
}
body.theme-pokemon .btn.ghost:hover {
  background: rgba(255, 214, 10, 0.12);
  border-color: rgba(255, 214, 10, 0.45);
}
body.theme-pokemon .product-card,
body.theme-pokemon .market-lookup,
body.theme-pokemon .store-toolbar {
  background: linear-gradient(165deg, rgba(255,255,255,.04), transparent 40%), var(--pk-card);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow:
    0 10px 28px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
body.theme-pokemon .product-card:hover {
  border-color: rgba(255, 214, 10, 0.35);
  box-shadow:
    0 14px 32px rgba(0, 0, 0, 0.35),
    0 0 0 1px rgba(255, 45, 45, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  transform: translateY(-2px);
}
body.theme-pokemon .product-image,
body.theme-pokemon .quick-view-image {
  background:
    radial-gradient(circle at 50% 30%, rgba(255, 214, 10, 0.08), transparent 55%),
    #0b1020;
}
body.theme-pokemon .quick-view-image img {
  max-width: 100%;
  max-height: min(350px, 50vh);
  width: auto;
  height: auto;
  object-fit: contain;
}
body.theme-pokemon select,
body.theme-pokemon input,
body.theme-pokemon textarea {
  background: var(--pk-surface-2);
  color: var(--pk-text);
  border-color: var(--pk-border);
}
body.theme-pokemon .type-tag {
  background: rgba(255,255,255,.08);
  color: var(--pk-text);
  border-color: var(--pk-border);
}
body.theme-pokemon .chip.active,
body.theme-pokemon .filter-btn.active,
body.theme-pokemon .condition-btn.active,
body.theme-pokemon .market-set-chip.active {
  background: linear-gradient(135deg, rgba(255, 45, 45, 0.28), rgba(255, 214, 10, 0.12));
  border-color: rgba(255, 214, 10, 0.55);
  color: #fff;
  box-shadow: 0 0 0 1px rgba(255, 45, 45, 0.2), 0 6px 16px rgba(255, 45, 45, 0.18);
}
body.theme-pokemon .icon-btn.cart .cart-count {
  background: linear-gradient(135deg, var(--pk-primary), #ff6b6b);
  box-shadow: 0 0 10px rgba(255, 45, 45, 0.55);
}
body.theme-pokemon .market-page-hero .hero-brand,
body.theme-pokemon .market-page-hero h1 {
  text-shadow: 0 0 24px rgba(255, 45, 45, 0.2);
}
body.theme-pokemon .market-page-hero .hero-brand {
  color: var(--pk-primary);
  letter-spacing: .16em;
}
body.theme-pokemon .market-pick-section-featured {
  color: #ffb4b4;
}
body.theme-pokemon .market-pick-section-cosmos {
  color: #9adbff;
}
body.theme-pokemon .market-lookup-form-hero input:focus {
  border-color: rgba(255, 214, 10, 0.6);
  box-shadow: 0 0 0 3px rgba(255, 214, 10, 0.16), 0 0 24px rgba(255, 214, 10, 0.08);
}
body.theme-pokemon .market-mode-toggle {
  background: rgba(0, 0, 0, 0.28);
  border-color: rgba(255, 255, 255, 0.1);
}
body.theme-pokemon .market-est strong {
  color: var(--pk-primary-2);
  text-shadow: 0 0 12px rgba(255, 214, 10, 0.25);
}
body.theme-pokemon .site-footer {
  border-top: 1px solid rgba(255, 214, 10, 0.12);
  background: linear-gradient(180deg, transparent, rgba(255, 45, 45, 0.06));
}

/* Optional light Pokémon theme — soft slate, mirrors dark structure */
body.theme-pokemon.light {
  --pk-bg: #c2c8d4;
  --pk-surface: #ced3de;
  --pk-surface-2: #c6ccd8;
  --pk-text: #1a2230;
  --pk-muted: #4f5b6e;
  --pk-card: #d8dde6;
  --pk-border: rgba(26, 34, 48, .14);
  --pk-glow-red: transparent;
  --pk-glow-yellow: transparent;
  --pk-glow-cyan: transparent;
  --bg: var(--pk-bg);
  --fg: var(--pk-text);
  --muted: var(--pk-muted);
  --muted-2: var(--pk-muted);
  --border: var(--pk-border);
  --card: var(--pk-card);
  --chip: #c8ced9;
  --chip-border: var(--pk-border);
  --chip-active: color-mix(in srgb, var(--pk-primary) 16%, var(--pk-card));
  background: var(--pk-bg);
  background-attachment: scroll;
  color: var(--pk-text);
}
body.theme-pokemon.light header,
body.theme-pokemon.light .site-header {
  background: color-mix(in srgb, var(--pk-surface) 92%, transparent);
  color: var(--pk-text);
  border-bottom: 1px solid var(--pk-border);
  box-shadow: none;
}
body.theme-pokemon.light .site-nav .brand span {
  background: none;
  -webkit-background-clip: unset;
  background-clip: unset;
  color: var(--pk-text);
}
body.theme-pokemon.light .hero::after { display: none; }
body.theme-pokemon.light .hero {
  background:
    radial-gradient(640px 240px at 10% 0%, color-mix(in srgb, var(--pk-primary) 12%, transparent), transparent 60%),
    radial-gradient(480px 200px at 90% 20%, color-mix(in srgb, var(--pk-gold) 9%, transparent), transparent 58%),
    var(--pk-surface);
  color: var(--pk-text);
  border-bottom: 1px solid var(--pk-border);
}
body.theme-pokemon.light .hero-brand {
  color: var(--pk-primary);
  text-shadow: none;
}
body.theme-pokemon.light .hero .subtle { color: var(--pk-muted); }
body.theme-pokemon.light .product-card:hover {
  transform: none;
  border-color: var(--pk-border);
  box-shadow: 0 8px 18px rgba(0,0,0,.08);
}
body.theme-pokemon.light .product-card,
body.theme-pokemon.light .market-lookup,
body.theme-pokemon.light .store-toolbar {
  background: var(--pk-card);
  box-shadow: 0 1px 2px rgba(28, 36, 51, 0.05);
}
body.theme-pokemon.light .product-image,
body.theme-pokemon.light .quick-view-image {
  background: color-mix(in srgb, var(--pk-bg) 45%, var(--pk-surface));
}

/* Content links only — not nav, brand, or button-looking anchors */
body.theme-pokemon.light .section-head a,
body.theme-pokemon.light .market-lookup a,
body.theme-pokemon.light .market-lookup-fallback a,
body.theme-pokemon.light .site-footer a,
body.theme-pokemon.light .product-card a:not(.btn),
body.theme-pokemon.light p a,
body.theme-pokemon.light .small a {
  color: #1d4ed8;
}

/* Chrome stays ink-colored in light mode */
body.theme-pokemon.light .site-nav,
body.theme-pokemon.light .site-nav a,
body.theme-pokemon.light .site-nav .brand,
body.theme-pokemon.light .nav-links .nav-link,
body.theme-pokemon.light .nav-links .nav-btn {
  color: var(--pk-text);
}
body.theme-pokemon.light .nav-links .nav-link:hover,
body.theme-pokemon.light .nav-links .nav-btn:hover,
body.theme-pokemon.light .nav-links .nav-link.active {
  background: rgba(15, 23, 42, 0.08);
  color: var(--pk-text);
  opacity: 1;
}

body.theme-pokemon.light .icon-btn {
  background: var(--pk-card);
  color: var(--pk-text);
  border-color: var(--pk-border);
}
body.theme-pokemon.light .icon-btn:hover {
  background: color-mix(in srgb, var(--pk-primary) 10%, var(--pk-card));
  color: var(--pk-text);
}

/* Buttons: readable surfaces in both themes (overrides wash-out white hovers) */
body.theme-pokemon .btn {
  background: var(--pk-surface-2);
  color: var(--pk-text);
  border: 1px solid var(--pk-border);
}
body.theme-pokemon .btn:hover {
  background: color-mix(in srgb, var(--pk-text) 10%, var(--pk-surface-2));
  color: var(--pk-text);
}
body.theme-pokemon .btn.primary,
body.theme-pokemon #shop-now-btn {
  background: linear-gradient(135deg, var(--pk-primary), #ff5a5a);
  border-color: transparent;
  color: #fff;
}
body.theme-pokemon .btn.primary:hover,
body.theme-pokemon #shop-now-btn:hover {
  background: linear-gradient(135deg, #ff2a2a, #ff7070);
  color: #fff;
  filter: none;
}
body.theme-pokemon .btn.ghost {
  background: transparent;
  color: var(--pk-text);
  border: 1px solid var(--pk-border);
}
body.theme-pokemon .btn.ghost:hover {
  background: color-mix(in srgb, var(--pk-text) 8%, transparent);
  color: var(--pk-text);
}
body.theme-pokemon .btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  transform: none;
}

body.theme-pokemon .chip,
body.theme-pokemon .filter-btn,
body.theme-pokemon .condition-btn,
body.theme-pokemon .market-set-chip {
  color: var(--pk-text);
  background: var(--pk-surface-2);
  border: 1px solid var(--pk-border);
}
body.theme-pokemon .chip:hover,
body.theme-pokemon .filter-btn:hover,
body.theme-pokemon .condition-btn:hover,
body.theme-pokemon .market-set-chip:hover {
  background: color-mix(in srgb, var(--pk-text) 10%, var(--pk-surface-2));
  color: var(--pk-text);
}
body.theme-pokemon .chip.active,
body.theme-pokemon .filter-btn.active,
body.theme-pokemon .condition-btn.active,
body.theme-pokemon .market-set-chip.active,
body.theme-pokemon .chip[aria-pressed="true"] {
  background: rgba(255, 28, 28, 0.18);
  border-color: rgba(255, 28, 28, 0.5);
  color: #fff;
}

/* Chips / set pills: clear edge in light mode */
body.theme-pokemon.light .chip,
body.theme-pokemon.light .filter-btn,
body.theme-pokemon.light .condition-btn,
body.theme-pokemon.light .market-set-chip {
  background: var(--pk-card);
  color: var(--pk-text);
  border: 1px solid var(--pk-border);
}
body.theme-pokemon.light .chip:hover,
body.theme-pokemon.light .filter-btn:hover,
body.theme-pokemon.light .condition-btn:hover,
body.theme-pokemon.light .market-set-chip:hover {
  background: color-mix(in srgb, var(--pk-primary) 8%, var(--pk-card));
  border-color: color-mix(in srgb, var(--pk-text) 18%, var(--pk-border));
  color: var(--pk-text);
}
body.theme-pokemon.light .chip.active,
body.theme-pokemon.light .filter-btn.active,
body.theme-pokemon.light .condition-btn.active,
body.theme-pokemon.light .market-set-chip.active,
body.theme-pokemon.light .chip[aria-pressed="true"] {
  background: color-mix(in srgb, var(--pk-primary) 14%, var(--pk-card));
  border-color: color-mix(in srgb, var(--pk-primary) 45%, var(--pk-border));
  color: var(--pk-text);
}
body.theme-pokemon.light .market-lookup-form input,
body.theme-pokemon.light .market-set-search-row input {
  background: var(--pk-card);
  color: var(--pk-text);
  border-color: var(--pk-border);
}
body.theme-pokemon.light .market-lookup {
  background: var(--pk-card);
  border-color: var(--pk-border);
  box-shadow: 0 1px 2px rgba(28, 36, 51, 0.05);
}
body.theme-pokemon.light .market-landing-hint em {
  color: var(--pk-primary-2, #a81824);
}
body.theme-pokemon.light .market-pick-section-featured {
  color: #9f1239;
}
body.theme-pokemon.light .market-pick-section-cosmos {
  color: #0369a1;
}
body.theme-pokemon.light .market-mode-toggle {
  background: color-mix(in srgb, var(--pk-text) 4%, transparent);
}
body.theme-pokemon.light .market-page-main::before {
  background:
    radial-gradient(ellipse 70% 55% at 12% 0%, color-mix(in srgb, var(--pk-primary) 10%, transparent), transparent 60%),
    radial-gradient(ellipse 55% 45% at 88% 8%, color-mix(in srgb, var(--pk-gold) 8%, transparent), transparent 58%);
}
body.theme-pokemon.light .market-pick.is-cosmos {
  background: linear-gradient(145deg, rgba(3, 105, 161, .06), transparent 45%), var(--pk-card);
}
body.theme-pokemon.light .market-recent-row {
  background: var(--pk-card);
}
body.theme-pokemon.light .market-recent-icon {
  background: color-mix(in srgb, var(--pk-primary) 8%, transparent);
  color: var(--pk-primary-2, #a81824);
  border-color: color-mix(in srgb, var(--pk-primary) 18%, transparent);
}
body.theme-pokemon.light .market-new-search-btn {
  color: var(--pk-primary-2, #a81824) !important;
  border-color: color-mix(in srgb, var(--pk-primary) 35%, transparent) !important;
}

