:root {
  --tg-primary: #2AABEE;
  --tg-primary-dark: #1789c8;
  --tg-accent: #ffb300;
  --tg-bg: #f4f8fc;
  --tg-text: #26313c;
  --tg-heading: #26313c;
  --tg-radius: 10px;
  --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: #1789c8;
}

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