:root {
  --tg-primary: #7b5ce0;
  --tg-primary-dark: #6242c9;
  --tg-accent: #f6a821;
  --tg-bg: #f5f3fb;
  --tg-text: #2e2a3d;
  --tg-heading: #2e2a3d;
  --tg-radius: 16px;
  --tg-font: 'Segoe UI', 'Microsoft YaHei', 'PingFang SC', sans-serif;
  --tg-card: #ffffff;
  --tg-border: #e7ebf2;
  --tg-header: #ffffff;
  --tg-footer: #17212b;
  --tg-friend-bg: #f0f4f9;
  --tg-topbar: #6242c9;
}

::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; }