@import "tailwindcss";

:root{
  box-sizing: border-box;
}

@theme {
--color-primary: var(--vr-color-primary);
--color-primary-dark: var(--vr-color-primary-dark);
--color-primary-foreground: var(--vr-color-primary-foreground);
--color-secondary: var(--vr-color-secondary);
--color-stroke: var(--vr-color-stroke);
--color-muted: var(--vr-color-muted);
--color-muted-medium: var(--vr-color-muted-medium);
--color-muted-dark: var(--vr-color-muted-dark);
--color-foreground-primary: var(--vr-color-foreground-primary);
--color-foreground-secondary: var(--vr-color-foreground-secondary);
--color-foreground-tertiary: var(--vr-color-foreground-tertiary);
--color-background-primary: var(--vr-color-background-primary);
--color-background-secondary: var(--vr-color-background-secondary);
--color-distructive: var(--vr-color-distructive);
--color-distructive-dark: var(--vr-color-distructive-dark);
--color-success: var(--vr-color-success);
--color-warning: var(--vr-color-warning);
--radius:var(--vr-radius);
--radius-lg:var(--vr-radius);
--radius-xl:var(--vr-radius);
--radius-sm:var(--vr-radius);
--radius-md:var(--vr-radius);
--spacing-sm:var(--vr-spacing);
}


input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px var(--background-secondary) inset !important;
  -webkit-text-fill-color: var(--foreground-primary) !important;
  transition: background-color 9999s ease-in-out 0s;
}