:root {
  --tg-primary: #23b26d;
  --tg-primary-dark: #178f54;
  --tg-accent: #ffb400;
  --tg-bg: #f6fbf8;
  --tg-text: #24322b;
  --tg-heading: #24322b;
  --tg-radius: 18px;
  --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: #178f54;
}

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