:root {
  --t-bg: #020408;
  --t-bg-elevated: #070d18;
  --t-surface: rgba(8, 16, 36, 0.84);
  --t-surface-hover: rgba(15, 25, 52, 0.90);
  --t-surface-3: #0e1830;
  --t-accent: #3b82f6;
  --t-accent-hover: #60a5fa;
  --t-accent-active: #2563eb;
  --t-accent-contrast: #ffffff;
  --t-accent-soft: rgba(59, 130, 246, 0.12);
  --t-accent-glow: rgba(59, 130, 246, 0.35);
  --t-accent-gradient: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  --t-text: #ffffff;
  --t-text-strong: #ffffff;
  --t-text-muted: #b0bec5;
  --t-text-dim: #607d8b;
  --t-border: rgba(59, 130, 246, 0.14);
  --t-border-hover: rgba(59, 130, 246, 0.30);
  --t-border-strong: rgba(59, 130, 246, 0.22);
  --t-blob-1: rgba(59, 130, 246, 0.28);
  --t-blob-2: rgba(37, 99, 235, 0.20);
  --t-blob-3: rgba(96, 165, 250, 0.16);
  --t-highlight: #3b82f6;
}