:root {
  --background: #FFFFFF;
  --foreground: #132638;
  --card: #FFFFFF;
  --card-foreground: #09090B;
  --popover: #FFFFFF;
  --popover-foreground: #09090B;
  --muted: #F4F4F5;
  --muted-foreground: #71717A;
  --accent: #F4F4F5;
  --accent-foreground: #18181B;
  --border: #E4E4E7;
  --input: #E4E4E7;
  --primary: var(--primary-400);
  --primary-50: #EEF7FF;
  --primary-100: #DAEBFF;
  --primary-200: #BDDDFF;
  --primary-300: #90C9FF;
  --primary-400: #4DA3FF;
  --primary-500: #3588FC;
  --primary-600: #1F68F1;
  --primary-700: #1752DE;
  --primary-800: #1943B4;
  --primary-900: #1A3C8E;
  --primary-950: #152656;
  --white-fix: #FFFFFF;
  --black-fix-2: #09090B;
  --shadow: #0000001A;
}

.dark {
  --background: #09090B;
  --foreground: #FAFAFA;
  --card: #FAFAFA;
  --card-foreground: #1B1B2A;
  --popover: #09090B;
  --popover-foreground: #FAFAFA;
  --muted: #27272A;
  --muted-foreground: #A1A1AA;
  --accent: #1F1F26;
  --accent-foreground: #FAFAFA;
  --border: #393E41;
  --input: #27272A;
  --primary: var(--var-400);
  --primary-50: #152656;
  --primary-100: #1A3C8E;
  --primary-200: #1943B4;
  --primary-300: #1752DE;
  --primary-400: #1F68F1;
  --primary-500: #3588FC;
  --primary-600: #4DA3FF;
  --primary-700: #90C9FF;
  --primary-800: #BDDDFF;
  --primary-900: #DAEBFF;
  --primary-950: #EEF7FF;
  --white-fix: #FFFFFF;
  --black-fix-2: #09090B;
  --shadow: #FFFFFF1A;
}

.background {
  background-color: var(--background);
}

.border {
  border-color: var(--border);
}