:root {
  --uf-color-cyan-500: #35d6f6;
  --uf-color-blue-500: #2677ff;
  --uf-color-indigo-500: #5c49ff;
  --uf-color-violet-500: #8f4bff;
  --uf-color-magenta-500: #d84bff;
  --uf-color-ink-900: #0f172a;
  --uf-color-slate-600: #475569;
  --uf-color-mist-50: #f8fafc;
  --uf-color-success-500: #34d399;
  --uf-color-warning-500: #f59e0b;
  --uf-color-danger-500: #ef4444;
  --uf-font-display: "Satoshi", "Inter", ui-sans-serif, system-ui, sans-serif;
  --uf-font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
  --uf-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --uf-text-xs: 12px;
  --uf-text-sm: 14px;
  --uf-text-md: 16px;
  --uf-text-lg: 20px;
  --uf-text-xl: 28px;
  --uf-text-2xl: 40px;
  --uf-space-1: 4px;
  --uf-space-2: 8px;
  --uf-space-3: 12px;
  --uf-space-4: 16px;
  --uf-space-6: 24px;
  --uf-space-8: 32px;
  --uf-space-12: 48px;
  --uf-radius-sm: 8px;
  --uf-radius-md: 12px;
  --uf-radius-lg: 16px;
  --uf-radius-xl: 24px;
  --uf-radius-pill: 999px;
  --uf-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.08);
  --uf-shadow-md: 0 8px 24px rgba(15, 23, 42, 0.12);
  --uf-duration-fast: 120ms;
  --uf-duration-normal: 200ms;
  --uf-ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
  --uf-gradient-flow: linear-gradient(90deg, #35d6f6 0%, #2677ff 32%, #8f4bff 68%, #d84bff 100%);
  --uf-gradient-mark: linear-gradient(135deg, #35d6f6 0%, #2677ff 38%, #8f4bff 72%, #d84bff 100%);
}