:root{
  --bg: var(--tg-theme-secondary-bg-color, #f5f5f5);
  --card-bg: var(--tg-theme-bg-color, #ffffff);
  --text: var(--tg-theme-text-color, #111);
  --muted: rgba(0,0,0,.6);
  --border: rgba(0,0,0,.08);
}
:root[data-theme="light"]{
  --bg: #f5f5f7;
  --card-bg: #ffffff;
  --text: #111111;
  --muted: rgba(17,17,17,.65);
  --border: rgba(0,0,0,.10);
}
:root[data-theme="dark"]{
  --bg: #0f1115;
  --card-bg: #171923;
  --text: #f2f2f2;
  --muted: rgba(242,242,242,.65);
  --border: rgba(255,255,255,.12);
}
html,body{background:var(--bg); color:var(--text);}
.card{
  background:var(--card-bg)!important;
  border:1px solid var(--border)!important;
  box-shadow:0 1px 2px rgba(0,0,0,.06);
}
a { color: inherit; }
.muted{ color: var(--muted); }
.tag{ background: rgba(0,0,0,.06); border-radius:999px; padding:6px 8px; }
:root[data-theme="dark"] .tag{ background: rgba(255,255,255,.08); }
.footer, .tabbar{ background: var(--card-bg); border-top:1px solid var(--border); }