:root {
  --fr-bg: #060c18;
  --fr-surface: #0f172a;
  --fr-surface-2: #121d35;
  --fr-text: #e2e8f0;
  --fr-muted: #8ea0bf;
  --fr-border: rgba(255, 255, 255, 0.08);
  --fr-primary: #2563eb;
  --fr-danger: #ef4444;
  --fr-warning: #f59e0b;
  --fr-success: #22c55e;
  --fr-radius-lg: 18px;
  --fr-radius-md: 12px;
  --fr-space-1: 4px;
  --fr-space-2: 8px;
  --fr-space-3: 12px;
  --fr-space-4: 16px;
  --fr-space-5: 20px;
  --fr-space-6: 24px;
  --fr-space-7: 32px;
  --fr-space-8: 40px;
  --fr-shadow-1: 0 12px 28px rgba(0, 0, 0, 0.3);
  --fr-shadow-2: 0 22px 60px rgba(0, 0, 0, 0.42);
}