:root{
  --font-sans: "Geist Variable", ui-sans-serif, system-ui, sans-serif;
  --primary: oklch(51% 0.24 277);
  --primary-foreground: oklch(99% 0 0);
  --ring: oklch(51% 0.24 277);
  --brand: #4F46E5;
  --brand-strong: #3730A3;
  --brand-foreground: oklch(99% 0 0);
  --sidebar-ring: oklch(51% 0.24 277);
  --sp-accent-pill: radial-gradient(120% 120% at 50% 100%, #4F46E5 0%, #818CF8 100%);
}
.dark{
  --primary: #818CF8;
  --primary-foreground: #171523;
  --ring: #818CF8;
  --brand: #818CF8;
  --brand-strong: #4F46E5;
  --brand-foreground: #171523;
  --sidebar-ring: #818CF8;
  --sp-accent-pill: radial-gradient(120% 120% at 50% 100%, #4F46E5 0%, #818CF8 100%);
}