:root {
  --tpp-bg: #05080F;
  --tpp-surface: #0B1220;
  --tpp-surface-2: #111C30;
  --tpp-line: #24324A;
  --tpp-text: #F7FAFF;
  --tpp-muted: #94A3B8;
  --tpp-cyan: #00C5FF;
  --tpp-blue: #153BFF;
  --tpp-lilac: #CAB7FC;
  --tpp-success: #1ED69A;
  --tpp-warning: #FFB648;
  --tpp-danger: #FF5D73;
  --tpp-radius-sm: 8px;
  --tpp-radius-md: 12px;
  --tpp-radius-lg: 18px;
  --tpp-shadow: 0 18px 50px rgba(0,0,0,.28);
  --tpp-space-1: 8px;
  --tpp-space-2: 16px;
  --tpp-space-3: 24px;
  --tpp-space-4: 32px;
  --tpp-space-6: 48px;
  --tpp-space-8: 64px;
}