:root {
  --tg-primary: #38bdf8;
  --tg-primary-dark: #0ea5e9;
  --tg-accent: #a78bfa;
  --tg-bg: #0f172a;
  --tg-text: #e2e8f0;
  --tg-heading: #f1f5f9;
  --tg-radius: 10px;
  --tg-font: 'Segoe UI', 'Microsoft YaHei', 'PingFang SC', sans-serif;
  --tg-card: #16233d;
  --tg-border: rgba(255,255,255,.10);
  --tg-header: rgba(15,23,42,.92);
  --tg-footer: #0b1526;
  --tg-friend-bg: #0b1526;
  --tg-topbar: #0ea5e9;
}

::selection { background: var(--tg-primary); color: #fff; }

/* brand flourish */
.brand-name { background: linear-gradient(90deg, var(--tg-primary) 0%, var(--tg-primary-dark) 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.tg-layout-dark .brand-name { -webkit-text-fill-color: currentColor; color: #f1f5f9; }