/* ═══════════════════════════════════════════════════════════════════
   TamilPSD — Light / Dark theme layer (loads AFTER premium.css)
   Default = warm off-white light. Dark = existing Kolam Noir palette.
   Toggle: [data-theme="light"|"dark"] on <html>, persisted in localStorage.
   ═══════════════════════════════════════════════════════════════════ */

/* ── Shared tokens ───────────────────────────────────────────────── */
:root{
  --pm-sans:"Manrope","Noto Sans Tamil",system-ui,sans-serif;
  --pm-ta:"Noto Sans Tamil","Manrope",sans-serif;
  --pm-disp:"Fraunces","Noto Serif Tamil",Georgia,serif;
  --pm-ease:cubic-bezier(.22,1,.36,1);
  --theme-toggle-size:38px;
}

/* ── LIGHT (default) — warm cream, charcoal text, darker gold accent ─ */
html,
html[data-theme="light"]{
  --bg0:#FAF7F2 !important;
  --bg1:#FFFcf7 !important;
  --bg2:#FFFFFF !important;
  --bg3:#F3EDE4 !important;
  --bg4:#EBE3D6 !important;
  --t0:#1C1A17 !important;
  --t1:#3A3631 !important;
  --t2:#57534B !important;
  --t3:#6B655B !important;
  --b0:rgba(60,44,20,.06) !important;
  --b1:rgba(60,44,20,.11) !important;
  --b2:rgba(60,44,20,.20) !important;
  /* Darker gold for WCAG AA text on cream (~5.2:1); buttons keep gradient + dark ink */
  --gold:#7A5C0F !important;
  --gold2:#6E520C !important;
  --gold-g:rgba(139,105,20,.20) !important;
  --gold-d:rgba(139,105,20,.10) !important;
  --gold-r:rgba(139,105,20,.32) !important;
  --coral:#A34E0E !important;
  --coral-g:rgba(196,90,18,.18) !important;
  --gd3:#C9A227;
  --pm-grad:linear-gradient(135deg,#F3D98F 0%,#E2B850 48%,#D4953A 100%);
  --pm-card:#FFFFFF;
  --hdr-bg:rgba(250,247,242,.88);
  --hdr-bg-scrolled:rgba(250,247,242,.96);
  --menu-bg:#FFFcf7;
  --dropdown-bg:#FFFFFF;
  --modal-bg:linear-gradient(180deg,#FFFcf7,#F3EDE4);
  --overlay-bg:rgba(31,28,22,.45);
  --card-shadow:0 4px 20px rgba(31,28,22,.07),0 1px 3px rgba(31,28,22,.04);
  --card-shadow-hover:0 18px 44px -18px rgba(139,105,20,.28),0 8px 24px -10px rgba(31,28,22,.12);
  --mbn-bg:rgba(255,252,247,.92);
  --img-checker:repeating-conic-gradient(#F3EDE4 0 25%,#FFFFFF 0 50%) 0 0/22px 22px;
  --skel:linear-gradient(90deg,#F3EDE4 0%,#EBE3D6 50%,#F3EDE4 100%);
  --pro-banner:linear-gradient(120deg,#FFF6E0 0%,#FAF7F2 45%,#F5EFE4 100%);
  --body-glow:radial-gradient(1100px 560px at 78% -8%,rgba(201,162,39,.10),transparent 60%),radial-gradient(800px 480px at -8% 6%,rgba(196,90,18,.05),transparent 60%);
  color-scheme:light;
}

/* ── DARK — exact Kolam Noir (premium.css palette) ───────────────── */
html[data-theme="dark"]{
  --bg0:#0c0a08 !important;
  --bg1:#13100c !important;
  --bg2:#1a1611 !important;
  --bg3:#221d16 !important;
  --bg4:#2b241b !important;
  --t0:#fbf5ea !important;
  --t1:#d9cdb8 !important;
  --t2:#9a8f7e !important;
  --t3:#6d6458 !important;
  --b0:rgba(255,226,180,.06) !important;
  --b1:rgba(255,226,180,.11) !important;
  --b2:rgba(255,226,180,.2) !important;
  --gold:#e8b65a !important;
  --gold2:#f6d58e !important;
  --gold-g:rgba(232,182,90,.22) !important;
  --gold-d:rgba(232,182,90,.10) !important;
  --gold-r:rgba(232,182,90,.35) !important;
  --coral:#ff8a1f !important;
  --coral-g:rgba(255,138,31,.2) !important;
  --gd3:#f6d58e;
  --pm-grad:linear-gradient(135deg,#f6d58e 0%,#e8b65a 42%,#ff8a1f 100%);
  --pm-card:rgba(255,240,215,.045);
  --hdr-bg:rgba(12,10,8,.72);
  --hdr-bg-scrolled:rgba(12,10,8,.9);
  --menu-bg:#100d0a;
  --dropdown-bg:#171310;
  --modal-bg:linear-gradient(180deg,#1c1712,#120f0b);
  --overlay-bg:rgba(6,5,4,.72);
  --card-shadow:none;
  --card-shadow-hover:0 26px 60px -22px rgba(232,182,90,.38),0 10px 30px -12px rgba(0,0,0,.8);
  --mbn-bg:rgba(20,16,12,.84);
  --img-checker:repeating-conic-gradient(#1b1712 0 25%,#16130f 0 50%) 0 0/22px 22px;
  --skel:linear-gradient(90deg,#17130f 0%,#211b15 50%,#17130f 100%);
  --pro-banner:linear-gradient(120deg,#2a1a08 0%,#1a120a 45%,#120d08 100%);
  --body-glow:radial-gradient(1100px 560px at 78% -8%,rgba(232,182,90,.12),transparent 60%),radial-gradient(800px 480px at -8% 6%,rgba(255,138,31,.07),transparent 60%);
  color-scheme:dark;
}

/* ── Body / surfaces that premium.css hard-codes for dark ────────── */
html body{
  font-family:var(--pm-sans)!important;
  background:var(--bg0)!important;
  color:var(--t1)!important;
  background-image:var(--body-glow)!important;
  background-repeat:no-repeat!important;
  background-attachment:scroll!important;
}
html body header{
  background:var(--hdr-bg)!important;
  border-bottom:1px solid var(--b1)!important;
  box-shadow:none!important;
  color:var(--t0)!important;
}
html body header.scrolled{
  background:var(--hdr-bg-scrolled)!important;
  box-shadow:0 10px 40px -12px rgba(0,0,0,.12)!important;
}
html[data-theme="dark"] body header.scrolled{
  box-shadow:0 10px 40px -12px rgba(0,0,0,.8)!important;
}
html body .mobile-menu,
html body .mobile-search-bar{
  background:var(--menu-bg)!important;
  border-color:var(--b1)!important;
}
.hdr-user-dropdown{
  background:var(--dropdown-bg)!important;
  border:1px solid var(--b2)!important;
  box-shadow:0 20px 50px -20px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"] .hdr-user-dropdown{
  box-shadow:0 30px 60px -20px #000!important;
}
html body .auth-overlay{background:var(--overlay-bg)!important}
html body .auth-modal{
  background:var(--modal-bg)!important;
  border:1px solid var(--b2)!important;
  color:var(--t1)!important;
  box-shadow:0 40px 100px -30px rgba(0,0,0,.25),0 0 0 1px var(--gold-d)!important;
}
html[data-theme="dark"] body .auth-modal{
  box-shadow:0 40px 100px -30px #000,0 0 0 1px rgba(232,182,90,.08)!important;
}
html body .toast{
  background:var(--bg2)!important;
  color:var(--t0)!important;
  border:1px solid var(--b2)!important;
}
html body .mobile-bottom-nav{
  background:var(--mbn-bg)!important;
  border:1px solid var(--b2)!important;
  box-shadow:0 20px 50px -10px rgba(0,0,0,.15)!important;
}
html[data-theme="dark"] body .mobile-bottom-nav{
  box-shadow:0 20px 50px -10px #000!important;
}
html body .spg-img-card{background:var(--img-checker)!important}
.skeleton,.skel-thumb,.skel-line{
  background:var(--skel)!important;
  background-size:200% 100%!important;
}
.pm-pro{
  background:var(--pro-banner)!important;
  border:1px solid var(--gold-r)!important;
}
html body .sort-row select option{background:var(--bg2);color:var(--t1)}

/* Light: cards pop on cream; soft shadows; white surfaces */
html[data-theme="light"] body .design-card,
html:not([data-theme="dark"]) body .design-card{
  background:var(--bg2)!important;
  border:1px solid var(--b1)!important;
  box-shadow:var(--card-shadow)!important;
}
html[data-theme="light"] body .design-card:hover,
html:not([data-theme="dark"]) body .design-card:hover{
  box-shadow:var(--card-shadow-hover)!important;
  border-color:var(--gold-r)!important;
}
html[data-theme="light"] body .card-cat,
html:not([data-theme="dark"]) body .card-cat{
  background:rgba(255,252,247,.92)!important;
  color:var(--t1)!important;
}
html[data-theme="light"] body .card-fav,
html:not([data-theme="dark"]) body .card-fav{
  background:rgba(255,252,247,.9)!important;
}
html[data-theme="light"] body .card-overlay,
html:not([data-theme="dark"]) body .card-overlay{
  background:linear-gradient(180deg,transparent 45%,rgba(31,28,22,.55))!important;
}
html[data-theme="light"] .pm-cat::after,
html:not([data-theme="dark"]) .pm-cat::after{
  background:linear-gradient(180deg,transparent 25%,rgba(20,16,10,.78))!important;
}
html[data-theme="light"] .pm-search,
html:not([data-theme="dark"]) .pm-search{
  background:rgba(255,255,255,.95)!important;
  box-shadow:0 16px 40px -18px rgba(31,28,22,.18),0 0 0 6px rgba(139,105,20,.05)!important;
}
html[data-theme="light"] .pm-glass,
html:not([data-theme="dark"]) .pm-glass{
  background:rgba(255,252,247,.82)!important;
}
html[data-theme="light"] body .pay-hist-item,
html[data-theme="light"] body .ci-input,
html[data-theme="light"] body .ci-textarea,
html[data-theme="light"] body .spg-spec,
html:not([data-theme="dark"]) body .pay-hist-item,
html:not([data-theme="dark"]) body .ci-input,
html:not([data-theme="dark"]) body .ci-textarea,
html:not([data-theme="dark"]) body .spg-spec{
  background:var(--bg3)!important;
}
html[data-theme="light"] body .hdr-signin-btn,
html:not([data-theme="dark"]) body .hdr-signin-btn{
  background:var(--t0)!important;
  color:#FFFcf7!important;
}
html[data-theme="light"] body .hdr-signin-btn:hover,
html:not([data-theme="dark"]) body .hdr-signin-btn:hover{
  box-shadow:0 8px 22px -8px rgba(31,28,22,.35)!important;
}

/* Sign-in / Pro text on gold buttons stays dark ink */
html body .nav-pro,
html body .nav-pro:hover,
html body .pm-btn-gold,
html body .spg-dl-main,
html body .pay-btn,
html body .upgrade-btn,
html body .ci-submit,
html body #back-top,
.mbn-pro .mbn-icon,
.logo-icon,
.hdr-avatar,
.pm-eyebrow b,
.pay-plan.selected::after,
.pay-plan-ribbon,
.pm-pro-badge,
.pm-upsell .ic,
.pm-float .ic{
  color:#1b1206!important;
}

/* Nav search mobile panel uses theme surface */
html body .nav-search{
  background:var(--menu-bg);
  border-bottom-color:var(--b1);
}
@media (max-width:900px){
  html body .nav-search{
    background:var(--menu-bg)!important;
    border-bottom:1px solid var(--b1)!important;
    box-shadow:0 22px 30px -22px rgba(0,0,0,.18)!important;
  }
  html[data-theme="dark"] body .nav-search{
    box-shadow:0 22px 30px -22px #000!important;
  }
}
html body .nav-search-input{
  background:var(--pm-card)!important;
  border:1px solid var(--b1)!important;
  color:var(--t0)!important;
}
html body .nav-search-input::placeholder{color:var(--t3)!important}
html body .nav-search-input:focus{
  border-color:var(--gold)!important;
  background:var(--gold-d)!important;
  box-shadow:0 0 0 4px var(--gold-d)!important;
}
html body .nav-search-toggle{
  border-color:var(--b1)!important;
  color:var(--t1)!important;
}
html body .nav-search-toggle[aria-expanded="true"],
html body .nav-search-toggle:hover{
  color:var(--gold)!important;
  border-color:var(--gold-r)!important;
  background:var(--gold-d)!important;
}
.nav-search-ico{color:var(--gold)!important}

/* ── Theme toggle button ─────────────────────────────────────────── */
.theme-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  width:var(--theme-toggle-size);
  height:var(--theme-toggle-size);
  padding:0;
  margin:0;
  border-radius:999px;
  border:1px solid var(--b1);
  background:var(--pm-card);
  color:var(--t1);
  cursor:pointer;
  transition:background .2s,border-color .2s,color .2s,transform .2s;
}
.theme-toggle:hover{
  color:var(--gold);
  border-color:var(--gold-r);
  background:var(--gold-d);
  transform:translateY(-1px);
}
.theme-toggle svg{width:18px;height:18px;display:none}
html[data-theme="light"] .theme-toggle .theme-ico-moon,
html:not([data-theme="dark"]) .theme-toggle .theme-ico-moon{display:block}
html[data-theme="dark"] .theme-toggle .theme-ico-sun{display:block}
html[data-theme="dark"] .theme-toggle .theme-ico-moon{display:none}

@media (max-width:900px){
  .theme-toggle{width:36px;height:36px}
}


/* ═══════════════════════════════════════════════════════════════════
   PREMIUM LIGHT POLISH (v2) — every text colour checked for WCAG AA on the
   warm cream surfaces (body ≥4.5:1, large ≥3:1). Dark (Kolam Noir) untouched:
   all rules below are scoped to light, except the shared pagination block.
   ═══════════════════════════════════════════════════════════════════ */
html:not([data-theme="dark"]){
  --tp-ink:#1C1A17;
  --tp-surface:#FFFFFF;
  --tp-soft:0 1px 2px rgba(60,44,20,.05),0 8px 24px -12px rgba(60,44,20,.12);
  --tp-soft-lg:0 2px 4px rgba(60,44,20,.04),0 24px 48px -24px rgba(60,44,20,.22);
  --tp-ring:0 0 0 4px rgba(122,92,15,.14);
}
html:not([data-theme="dark"]) ::selection{background:rgba(201,162,39,.28);color:#1C1A17}
html:not([data-theme="dark"]) body{color:var(--t1)!important}
html:not([data-theme="dark"]) h1,html:not([data-theme="dark"]) h2,html:not([data-theme="dark"]) h3,html:not([data-theme="dark"]) h4{color:var(--t0)}

/* Header + nav */
html:not([data-theme="dark"]) body header{box-shadow:0 1px 0 rgba(60,44,20,.04)!important}
html:not([data-theme="dark"]) header::after{opacity:.22!important}
html:not([data-theme="dark"]) .logo-sub{color:var(--t3)!important}
html:not([data-theme="dark"]) nav a{color:var(--t1)!important}
html:not([data-theme="dark"]) nav a:hover{color:var(--t0)!important;background:rgba(60,44,20,.05)!important}
html:not([data-theme="dark"]) nav a.active{color:var(--gold)!important}
html:not([data-theme="dark"]) nav a.nav-pro,html:not([data-theme="dark"]) nav a.nav-pro:hover{color:#1b1206!important;background:var(--pm-grad)!important;box-shadow:0 6px 18px -8px rgba(180,120,30,.55)!important}
html:not([data-theme="dark"]) .nav-contact{background:#fff!important;border-color:var(--b2)!important;color:var(--t0)!important}
html:not([data-theme="dark"]) .nav-contact:hover{border-color:var(--gold-r)!important;color:var(--gold2)!important}
html:not([data-theme="dark"]) .nav-search-input{background:#fff!important;border-color:var(--b2)!important;box-shadow:inset 0 1px 2px rgba(60,44,20,.04)!important}
html:not([data-theme="dark"]) .nav-search-input:focus{background:#fff!important;box-shadow:var(--tp-ring)!important}
html:not([data-theme="dark"]) .theme-toggle{background:#fff;border-color:var(--b2);color:var(--t1)}
html:not([data-theme="dark"]) .hdr-user-menu{background:#fff!important;border-color:var(--b2)!important}
html:not([data-theme="dark"]) .hdr-username{color:var(--t0)!important}
html:not([data-theme="dark"]) .hdr-user-dropdown{box-shadow:var(--tp-soft-lg)!important}
html:not([data-theme="dark"]) .hdr-user-dropdown #hdr-dl-count{color:var(--t2)!important;border-bottom-color:var(--b1)!important}
html:not([data-theme="dark"]) .hdr-dropdown-item{color:var(--t1)!important}
html:not([data-theme="dark"]) .hdr-dropdown-item:hover{background:var(--bg3)!important;color:var(--t0)!important}
html:not([data-theme="dark"]) body .mobile-menu a{color:var(--t1)!important;border-color:var(--b1)!important}
html:not([data-theme="dark"]) body .mobile-menu a:hover{color:var(--t0)!important;background:var(--bg3)!important}
html:not([data-theme="dark"]) .hamburger span{background:var(--t0)!important}
html:not([data-theme="dark"]) .mbn-item{color:var(--t2)!important}
html:not([data-theme="dark"]) .mbn-item.active,html:not([data-theme="dark"]) .mbn-item:hover{color:var(--gold)!important}

/* Breadcrumbs + section heads */
html:not([data-theme="dark"]) .breadcrumb,html:not([data-theme="dark"]) .breadcrumb span,html:not([data-theme="dark"]) .pm-crumb{color:var(--t2)!important}
html:not([data-theme="dark"]) .breadcrumb a,html:not([data-theme="dark"]) .pm-crumb a{color:var(--t1)!important}
html:not([data-theme="dark"]) .breadcrumb a:hover,html:not([data-theme="dark"]) .pm-crumb a:hover{color:var(--gold)!important}
html:not([data-theme="dark"]) .breadcrumb span:last-child{color:var(--t0)!important;font-weight:600}
html:not([data-theme="dark"]) .pm-sec-h h2 small,html:not([data-theme="dark"]) .pm-sec-h h1 small{color:var(--gold)!important}
html:not([data-theme="dark"]) .pm-sec-h a{color:var(--gold)!important}
html:not([data-theme="dark"]) .pm-sec-h a:hover{color:var(--gold2)!important;text-decoration:underline;text-underline-offset:3px}
html:not([data-theme="dark"]) .sec-title{color:var(--t0)!important}
html:not([data-theme="dark"]) .pm-cat-intro,html:not([data-theme="dark"]) .pm-cat-intro p,html:not([data-theme="dark"]) .pm-allcats-lead{color:var(--t2)!important}
html:not([data-theme="dark"]) .pm-cat-intro a,html:not([data-theme="dark"]) main p a:not([class]){color:var(--gold)!important;text-decoration:underline;text-underline-offset:2px;text-decoration-color:rgba(122,92,15,.35)}
html:not([data-theme="dark"]) .pm-cat-intro a:hover,html:not([data-theme="dark"]) main p a:not([class]):hover{color:var(--gold2)!important;text-decoration-color:currentColor}
html:not([data-theme="dark"]) .pm-h-ta{color:var(--gold)!important;opacity:1!important}
html:not([data-theme="dark"]) .pm-eyebrow{color:var(--t1)!important;background:#fff!important;border-color:var(--gold-r)!important}

/* Browse-by-category cards: white surfaces, strong hue-keeping AA titles */
html:not([data-theme="dark"]) .bc-card{background:linear-gradient(180deg,color-mix(in srgb,var(--ac) 7%,#fff) 0%,#fff 46%)!important;
  border:1px solid color-mix(in srgb,var(--ac) 38%,transparent)!important;box-shadow:var(--tp-soft),0 18px 40px -26px var(--acg)!important}
html:not([data-theme="dark"]) .bc-card:hover,html:not([data-theme="dark"]) .bc-card.is-open{border-color:color-mix(in srgb,var(--ac-ink) 55%,transparent)!important;box-shadow:var(--tp-soft-lg),0 22px 48px -24px var(--acg)!important;transform:translateY(-2px)}
html:not([data-theme="dark"]) .bc-gold{--ac:#C9A227;--ac2:#E8C56A;--ac-ink:#7A5A0E;--acg:rgba(201,162,39,.38)}
html:not([data-theme="dark"]) .bc-purple{--ac:#8B5CF6;--ac2:#B79BFF;--ac-ink:#5B2EC2;--acg:rgba(139,92,246,.32)}
html:not([data-theme="dark"]) .bc-green{--ac:#22A06B;--ac2:#6FD3A5;--ac-ink:#0B6E43;--acg:rgba(34,160,107,.30)}
html:not([data-theme="dark"]) .bc-title{color:var(--ac-ink)!important;font-weight:700}
html:not([data-theme="dark"]) .bc-tag{color:var(--t2)!important}
html:not([data-theme="dark"]) .bc-icon,html:not([data-theme="dark"]) .bc-chev{color:var(--ac-ink)!important;filter:none!important}
html:not([data-theme="dark"]) .bc-subh{color:var(--ac-ink)!important}
html:not([data-theme="dark"]) .bc-th{background:var(--bg3)!important;border-color:var(--b1)!important;box-shadow:0 1px 2px rgba(60,44,20,.06)}
html:not([data-theme="dark"]) .bc-link{color:var(--t1)!important;background:#fff!important;border-color:color-mix(in srgb,var(--ac) 40%,transparent)!important}
html:not([data-theme="dark"]) .bc-link:hover,html:not([data-theme="dark"]) .bc-link:focus-visible{color:var(--ac-ink)!important;border-color:var(--ac-ink)!important;background:color-mix(in srgb,var(--ac) 10%,#fff)!important}
html:not([data-theme="dark"]) .bc-group-chips .bc-link{color:var(--t1)!important;border-color:var(--b2)!important;background:#fff!important}
html:not([data-theme="dark"]) .bc-group-chips .bc-link:hover{color:var(--gold2)!important;border-color:var(--gold-r)!important;background:var(--gold-d)!important}
html:not([data-theme="dark"]) .bc-all{color:var(--ac-ink)!important;background:color-mix(in srgb,var(--ac) 13%,#fff)!important;
  border:1px solid color-mix(in srgb,var(--ac-ink) 30%,transparent)!important;box-shadow:none!important}
html:not([data-theme="dark"]) .bc-all:hover{color:#fff!important;background:var(--ac-ink)!important;filter:none!important;box-shadow:0 10px 24px -12px var(--acg)!important}
html:not([data-theme="dark"]) .bc-empty{color:var(--t2)!important}

/* Category tiles (/categories/, home sections): white label on a dark fade = readable on any image */
html:not([data-theme="dark"]) .pm-cat{border-color:var(--b1)!important;box-shadow:var(--tp-soft)}
html:not([data-theme="dark"]) .pm-cat::after{background:linear-gradient(180deg,transparent 38%,rgba(18,14,9,.82) 100%)!important}
html:not([data-theme="dark"]) .pm-cat span{color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.45)}
html:not([data-theme="dark"]) .pm-cat span i{color:#F6D58E!important}
html:not([data-theme="dark"]) .pm-cat:hover{box-shadow:var(--tp-soft-lg)!important}

/* Design cards + chips */
html:not([data-theme="dark"]) body .design-card{border-radius:16px!important}
html:not([data-theme="dark"]) body .card-cat{color:var(--t0)!important;background:rgba(255,255,255,.94)!important;border:1px solid rgba(60,44,20,.10)!important;font-weight:800!important;letter-spacing:.04em;box-shadow:0 1px 3px rgba(0,0,0,.08)}
html:not([data-theme="dark"]) body .card-fav{color:var(--t2)!important;border:1px solid rgba(60,44,20,.10)!important}
html:not([data-theme="dark"]) body .card-fav.active{color:#C2185B!important}
html:not([data-theme="dark"]) body .pm-rel-t{color:var(--t1)!important}
html:not([data-theme="dark"]) body .design-card:hover .pm-rel-t{color:var(--t0)!important}
html:not([data-theme="dark"]) .card-cta{color:var(--gold)!important}

/* Toolbar (results count, sort, filters) */
html:not([data-theme="dark"]) body .results-count{color:var(--t1)!important;background:#fff!important;border:1px solid var(--b2)!important}
html:not([data-theme="dark"]) body .sort-row select,
html:not([data-theme="dark"]) body .sort-row button,
html:not([data-theme="dark"]) body #reset-filters-btn,
html:not([data-theme="dark"]) body #fav-filter-btn,
html:not([data-theme="dark"]) body .cat-toggle-btn{background:#fff!important;color:var(--t1)!important;border:1px solid var(--b2)!important;box-shadow:0 1px 2px rgba(60,44,20,.05)!important}
html:not([data-theme="dark"]) body .sort-row select:hover,
html:not([data-theme="dark"]) body .sort-row button:hover{border-color:var(--gold-r)!important;color:var(--t0)!important}
html:not([data-theme="dark"]) body #fav-filter-btn.active{background:var(--gold-d)!important;color:var(--gold2)!important;border-color:var(--gold-r)!important}
html:not([data-theme="dark"]) body .cat-pill,html:not([data-theme="dark"]) body .cat-btn{background:#fff!important;color:var(--t1)!important;border-color:var(--b2)!important}
html:not([data-theme="dark"]) body .cat-pill.active,html:not([data-theme="dark"]) body .cat-btn.active{background:var(--pm-grad)!important;color:#1b1206!important;border-color:transparent!important}

/* Empty states */
html:not([data-theme="dark"]) .empty-state h3,html:not([data-theme="dark"]) .tp-empty{color:var(--t0)!important}
html:not([data-theme="dark"]) .empty-state p{color:var(--t2)!important}

/* Pro banner + upsells */
html:not([data-theme="dark"]) .pm-pro{box-shadow:var(--tp-soft)!important}
html:not([data-theme="dark"]) .pm-pro h2,html:not([data-theme="dark"]) .pm-pro h3{color:var(--t0)!important}
html:not([data-theme="dark"]) .pm-pro p,html:not([data-theme="dark"]) .pm-pro li{color:var(--t1)!important}
html:not([data-theme="dark"]) .pm-upsell .go{color:var(--gold)!important}

/* Footer: soft sand band, no faded text */
html:not([data-theme="dark"]) body footer{background:linear-gradient(180deg,#F5EFE5,#F1E9DC)!important;border-top:1px solid var(--b1)!important;color:var(--t2)!important}
html:not([data-theme="dark"]) .footer-brand{color:var(--t0)!important}
html:not([data-theme="dark"]) .footer-tagline,html:not([data-theme="dark"]) .footer-col h4{opacity:1!important}
html:not([data-theme="dark"]) .footer-tagline,html:not([data-theme="dark"]) .footer-col a,html:not([data-theme="dark"]) .footer-bottom,html:not([data-theme="dark"]) .footer-bottom a{color:var(--t2)!important}
html:not([data-theme="dark"]) .footer-col h4{color:var(--gold)!important}
html:not([data-theme="dark"]) .footer-col a:hover,html:not([data-theme="dark"]) .footer-bottom a:hover{color:var(--t0)!important}
html:not([data-theme="dark"]) .footer-bottom{border-top-color:var(--b1)!important}

/* Modals: sign-in + Pro/pricing */
html:not([data-theme="dark"]) body .auth-modal{background:#fff!important;box-shadow:0 40px 100px -30px rgba(40,28,10,.35),0 0 0 1px var(--b1)!important}
html:not([data-theme="dark"]) body .auth-modal h2,html:not([data-theme="dark"]) body .auth-modal h3,html:not([data-theme="dark"]) body .auth-modal .auth-title{color:var(--t0)!important}
html:not([data-theme="dark"]) body .auth-modal p,html:not([data-theme="dark"]) body .auth-modal .auth-sub,html:not([data-theme="dark"]) body .auth-modal small,html:not([data-theme="dark"]) body .auth-modal label{color:var(--t2)!important}
html:not([data-theme="dark"]) body .auth-modal a{color:var(--gold)!important}
html:not([data-theme="dark"]) body .auth-modal input{background:#fff!important;color:var(--t0)!important;border:1px solid var(--b2)!important}
html:not([data-theme="dark"]) body .auth-modal input::placeholder{color:var(--t3)!important}
html:not([data-theme="dark"]) body .auth-modal input:focus{border-color:var(--gold)!important;box-shadow:var(--tp-ring)!important}
html:not([data-theme="dark"]) body .auth-close{color:var(--t2)!important;background:var(--bg3)!important}
html:not([data-theme="dark"]) body .pay-plan{background:#fff!important;border-color:var(--b2)!important}
html:not([data-theme="dark"]) body .pay-plan.selected{border-color:var(--gold)!important;background:var(--gold-d)!important}
html:not([data-theme="dark"]) body .pay-plan *{color:inherit}
html:not([data-theme="dark"]) body .pay-plan{color:var(--t1)!important}

/* Toast */
html:not([data-theme="dark"]) body .toast{background:#1C1A17!important;color:#FBF5EA!important;border-color:transparent!important;box-shadow:0 18px 40px -16px rgba(0,0,0,.35)!important}

/* Generic small/muted helpers frequently used inline */
html:not([data-theme="dark"]) .text-muted,html:not([data-theme="dark"]) .muted{color:var(--t2)!important}


/* ── Light fixes for inline / page-local dark colours ─────────────── */
/* Design page badges + meta */
html:not([data-theme="dark"]) .badge-psd:not([style*="background"]){background:#EFE8FD!important;color:#5B2EC2!important;border:1px solid rgba(91,46,194,.18)!important}
html:not([data-theme="dark"]) .badge-free{background:#E3F5EA!important;color:#0B6E43!important;border:1px solid rgba(11,110,67,.18)!important}
html:not([data-theme="dark"]) body .spg-img-card{border-color:var(--b1)!important;box-shadow:var(--tp-soft-lg)!important}
html:not([data-theme="dark"]) body .spg-meta,html:not([data-theme="dark"]) body .spg-fonts,html:not([data-theme="dark"]) body .spg-steps,html:not([data-theme="dark"]) body .spg-desc-box,html:not([data-theme="dark"]) body .spg-tool{background:#fff!important;box-shadow:var(--tp-soft)!important}
html:not([data-theme="dark"]) body .spg-mkey{color:var(--t2)!important}
html:not([data-theme="dark"]) body .spg-spec{background:#fff!important;border-color:var(--b2)!important;color:var(--t1)!important}
html:not([data-theme="dark"]) body .spg-dl-btn{box-shadow:0 18px 40px -18px rgba(180,110,20,.55)!important}
html:not([data-theme="dark"]) body .spg-dl-sub{color:rgba(27,18,6,.8)!important}
html:not([data-theme="dark"]) body .spg-notice{background:#FFF8E8!important;border-color:rgba(122,92,15,.22)!important;color:var(--t1)!important}
html:not([data-theme="dark"]) body .spg-img-bar,html:not([data-theme="dark"]) body .spg-img-bar *{color:var(--t2)}
html:not([data-theme="dark"]) body .dl-status-badge.free{background:#E3F5EA!important;color:#0B6E43!important}
html:not([data-theme="dark"]) body #dl-status-bar{background:#fff!important;border-color:var(--b2)!important}
html:not([data-theme="dark"]) .pm-upsell{background:linear-gradient(120deg,#FFF4DA,#FFFBF2)!important;border-color:rgba(122,92,15,.22)!important}
html:not([data-theme="dark"]) .pm-upsell small{color:var(--t2)!important}
html:not([data-theme="dark"]) body .spg-share a,html:not([data-theme="dark"]) body .spg-share button{color:var(--t1)!important;background:#fff!important;border-color:var(--b2)!important}

/* Inline styles written by js/auth.js (sign-in modal, download bar, Pro modal): CSS-only override, auth logic untouched */
html:not([data-theme="dark"]) [style*="color:#fff"]:is(strong,b),html:not([data-theme="dark"]) strong[style*="color:#fff;"]{color:var(--t0)!important}
html:not([data-theme="dark"]) [style*="--gd3"]{color:var(--gold)!important}
html:not([data-theme="dark"]) #auth-error-msg{color:#B42318!important;background:#FEF3F2!important;border-color:#FECDCA!important}
html:not([data-theme="dark"]) body .auth-btn-google{background:#fff!important;color:var(--t0)!important;border:1px solid var(--b2)!important;box-shadow:var(--tp-soft)!important}
html:not([data-theme="dark"]) body .auth-modal-close{color:var(--t1)!important;background:var(--bg3)!important;border-color:transparent!important}
html:not([data-theme="dark"]) body .auth-title{color:var(--t0)!important}
html:not([data-theme="dark"]) body .auth-sub{color:var(--t1)!important}
html:not([data-theme="dark"]) body .auth-modal p[style*="font-size:11px"]{color:var(--t2)!important}

/* Contact page widgets (page-local dark palette) */
html:not([data-theme="dark"]) .ci-card{background:#fff!important;border-color:var(--b1)!important}
html:not([data-theme="dark"]) .ci-card h2,html:not([data-theme="dark"]) .ci-info-item h4{color:var(--t0)!important}
html:not([data-theme="dark"]) .ci-card p,html:not([data-theme="dark"]) .ci-info-item p,html:not([data-theme="dark"]) .ci-my-msg{color:var(--t2)!important}
html:not([data-theme="dark"]) .ci-field label,html:not([data-theme="dark"]) .ci-time{color:var(--t2)!important}
html:not([data-theme="dark"]) .ci-input,html:not([data-theme="dark"]) .ci-textarea{background:#fff!important;color:var(--t0)!important;border:1px solid var(--b2)!important}
html:not([data-theme="dark"]) .ci-input::placeholder,html:not([data-theme="dark"]) .ci-textarea::placeholder{color:var(--t3)!important}
html:not([data-theme="dark"]) .ci-btn{background:var(--pm-grad)!important;color:#1b1206!important}
html:not([data-theme="dark"]) .ci-admin-bubble{color:var(--t1)!important;background:#FFF8E8!important;border-color:rgba(122,92,15,.22)!important}
html:not([data-theme="dark"]) .ci-reply-lbl{color:var(--gold)!important}
html:not([data-theme="dark"]) .ci-alert.ok{color:#0B6E43!important;background:#E3F5EA!important}
html:not([data-theme="dark"]) .ci-alert.err,html:not([data-theme="dark"]) .cc-err{color:#B42318!important}

/* My Account page (page-local Kolam Noir palette → light) */
html:not([data-theme="dark"]) .ac-wrap{color:var(--t1)!important}
html:not([data-theme="dark"]) .ac-title,html:not([data-theme="dark"]) .ac-name,html:not([data-theme="dark"]) .ac-val,html:not([data-theme="dark"]) .ac-big,html:not([data-theme="dark"]) .ac-bar-legend b,html:not([data-theme="dark"]) .ac-table .plan{color:var(--t0)!important}
html:not([data-theme="dark"]) .ac-title em,html:not([data-theme="dark"]) .ac-table .amt{color:var(--gold)!important}
html:not([data-theme="dark"]) .ac-lead,html:not([data-theme="dark"]) .ac-email,html:not([data-theme="dark"]) .ac-label,html:not([data-theme="dark"]) .ac-big small,html:not([data-theme="dark"]) .ac-bar-legend,html:not([data-theme="dark"]) .ac-note,html:not([data-theme="dark"]) .ac-table th,html:not([data-theme="dark"]) .ac-table .pid,html:not([data-theme="dark"]) .loading-pulse,html:not([data-theme="dark"]) .ac-wrap .empty-state{color:var(--t2)!important}
html:not([data-theme="dark"]) .ac-card,html:not([data-theme="dark"]) .ac-profile{background:#fff!important;border-color:var(--b1)!important;box-shadow:var(--tp-soft)!important;color:var(--t1)!important}
html:not([data-theme="dark"]) .ac-profile{background:radial-gradient(120% 140% at 0% 0%,rgba(201,162,39,.12),transparent 55%),#fff!important}
html:not([data-theme="dark"]) .ac-card h2{color:var(--gold)!important}
html:not([data-theme="dark"]) .ac-table td{color:var(--t1)!important;border-color:var(--b1)!important}
html:not([data-theme="dark"]) .ac-row{border-color:var(--b1)!important}
html:not([data-theme="dark"]) .ac-signout{color:var(--t1)!important;border-color:var(--b2)!important}
html:not([data-theme="dark"]) .ac-bar{background:var(--bg3)!important;border-color:var(--b1)!important}
html:not([data-theme="dark"]) .ac-wrap .badge-free{background:var(--bg3)!important;color:var(--t1)!important}
html:not([data-theme="dark"]) .badge-expired{color:#B42318!important;background:#FEF3F2!important}
html:not([data-theme="dark"]) #not-signed-in .msg{color:var(--t1)!important}
html:not([data-theme="dark"]) .ac-table td[data-l]::before{color:var(--t2)!important}

/* ═══ PAGINATION (both themes) — js/pager.js + functions/_pager.js ═══ */
.tp-grid-anchor{scroll-margin-top:96px}
.tp-pager{display:flex;flex-direction:column;align-items:center;gap:14px;margin:40px auto 12px;padding:0 8px;text-align:center}
.tp-pager[hidden]{display:none}
.tp-pager-info{margin:0;font-size:14px;color:var(--t2);letter-spacing:.01em}
.tp-pager-info strong{color:var(--t0);font-weight:700}
.tp-pager-nav{max-width:100%}
.tp-pager-list{list-style:none;margin:0;padding:6px;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;
  background:var(--pm-card);border:1px solid var(--b1);border-radius:999px}
html:not([data-theme="dark"]) .tp-pager-list{background:#fff;box-shadow:var(--tp-soft)}
.tp-pager-list li{display:flex}
.tp-pg{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border-radius:999px;
  font:700 14px/1 var(--pm-sans);color:var(--t1);text-decoration:none;border:1px solid transparent;transition:background .18s,color .18s,border-color .18s,transform .18s;font-variant-numeric:tabular-nums}
a.tp-pg:hover{background:var(--gold-d);color:var(--t0);border-color:var(--gold-r)}
a.tp-pg:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.tp-pg-cur{background:var(--pm-grad);color:#1b1206!important;box-shadow:0 6px 16px -8px rgba(180,120,30,.6)}
.tp-pg-gap{min-width:24px;padding:0 2px;color:var(--t3);cursor:default}
.tp-pg-step{padding:0 16px;gap:2px}
.tp-pg-off{color:var(--t3);opacity:.6;cursor:not-allowed}
.tp-pager-jump{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--t2)}
.tp-pager-jump label{display:flex;align-items:center;gap:8px}
.tp-pager-jump input{width:72px;height:36px;padding:0 10px;border-radius:10px;border:1px solid var(--b2);background:var(--bg2);color:var(--t0);font:600 14px var(--pm-sans);text-align:center;-moz-appearance:textfield}
.tp-pager-jump input::-webkit-outer-spin-button,.tp-pager-jump input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.tp-pager-jump input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-d)}
.tp-pager-jump button{height:36px;padding:0 16px;border-radius:10px;border:1px solid var(--b2);background:var(--bg2);color:var(--t0);font:700 13.5px var(--pm-sans);cursor:pointer}
.tp-pager-jump button:hover{border-color:var(--gold-r);background:var(--gold-d)}
.designs-grid.tp-loading{opacity:.45;transition:opacity .15s;pointer-events:none}
.tp-h1-page{color:var(--t2);font-weight:600;font-size:.62em;letter-spacing:0;white-space:nowrap}
.tp-empty{grid-column:1/-1;column-span:all;text-align:center;padding:48px 16px;color:var(--t2);font-size:15px}
@media (max-width:600px){
  .tp-pager{gap:12px;margin-top:28px}
  .tp-pager-list{gap:3px;padding:4px}
  .tp-pg{min-width:34px;height:36px;padding:0 6px;font-size:13.5px}
  .tp-pg-step{padding:0 10px}
  .tp-pg-word{display:none}
  .tp-pg-gap{min-width:16px}
  .tp-pager-info{font-size:13px}
}

/* Small layout fixes (both themes) */
.design-card .pm-rel-t{padding-bottom:0!important;margin-bottom:11px}   /* clamp to 2 clean lines, no half 3rd line */
.pm-crumb a{text-decoration:none!important}
@media (max-width:640px){main.pm-allcats{padding-left:16px!important;padding-right:16px!important}}