:root {
  --ts-bg: #020511;
  --ts-surface: rgba(13, 16, 35, 0.9);
  --ts-surface-alt: rgba(26, 32, 64, 0.9);
  --ts-border: rgba(255, 255, 255, 0.08);
  --ts-primary: #7d5bff;
  --ts-primary-strong: #a648ff;
  --ts-accent: #ff9f43;
  --ts-success: #32d583;
  --ts-danger: #ff5c88;
  --ts-text: #f4f6ff;
  --ts-muted: #9ca3c7;
  --ts-header-title: #f7f9ff;
  --ts-header-meta: #b8bfdc;

  --ts-z-noise: 5;
  --ts-z-sidebar-backdrop: 1020;
  --ts-z-sidebar: 1030;
  --ts-z-modal-backdrop: 1140;
  --ts-z-modal: 1150;
  --ts-z-loader: 1200;

  --ts-type-body: 0.95rem;
  --ts-type-label: 0.84rem;
  --ts-type-button: 0.88rem;
  --ts-type-h1: clamp(1.9rem, 2.4vw, 2.5rem);
  --ts-type-h2: clamp(1.5rem, 2vw, 2rem);
  --ts-type-h3: clamp(1.2rem, 1.5vw, 1.45rem);
  --ts-type-h4: clamp(1.05rem, 1.2vw, 1.2rem);
  --ts-type-h5: 1rem;
  --ts-type-h6: 0.92rem;

  --ts-gradient: radial-gradient(circle at top, rgba(82, 67, 170, 0.45), transparent 55%),
    radial-gradient(circle at 20% 20%, rgba(255, 159, 67, 0.25), transparent 45%),
    radial-gradient(circle at 80% 0, rgba(59, 130, 246, 0.2), transparent 40%),
    #020511;
}