:root .theme-armor {
  color-scheme: light;

  --font-sans:
    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';

  --background: 0deg 0% 100%;
  --foreground: 224.06deg 72.27% 4.17%;
  --card: 0deg 0% 100%;
  --card-foreground: 224.06deg 72.27% 4.17%;
  --popover: 0deg 0% 100%;
  --popover-foreground: 224.06deg 72.27% 4.17%;
  --primary: 188deg 80.6% 28.2%;
  --primary-foreground: 344.54deg 18.99% 98.19%;
  --secondary: 344.7deg 12.65% 95.9%;
  --secondary-foreground: 220.99deg 41.69% 11.07%;
  --muted: 344.7deg 12.65% 95.9%;
  --muted-foreground: 219.99deg 10.27% 46.3%;
  --accent: 344.7deg 12.65% 95.9%;
  --accent-foreground: 220.99deg 41.69% 11.07%;
  --destructive: 351.72deg 100% 40.53%;
  --border: 344.79deg 11.54% 91.05%;
  --input: 344.79deg 11.54% 91.05%;
  --ring: 217.85deg 11.94% 64.27%;
  --radius: 0.625rem;
  --sidebar: 220, 5%, 98%;
  --sidebar-foreground: 220, 5%, 15%;
  --sidebar-primary: 220.99deg 41.69% 11.07%;
  --sidebar-primary-foreground: 344.54deg 18.99% 98.19%;
  --sidebar-accent: 220, 4%, 96%;
  --sidebar-accent-foreground: 220, 5%, 22%;
  --sidebar-border: 220, 5%, 88%;
  --sidebar-ring: 220, 5%, 70%;
  --skeleton: 344.7deg 12.65% 95.9%;
}

:root.dark .theme-gray {
  color-scheme: dark;

  --background: 224.06deg 72.27% 4.17%;
  --foreground: 344.54deg 18.99% 98.19%;
  --card: 220.99deg 41.69% 11.07%;
  --card-foreground: 344.54deg 18.99% 98.19%;
  --popover: 220.99deg 41.69% 11.07%;
  --popover-foreground: 344.54deg 18.99% 98.19%;
  --primary: 344.79deg 11.54% 91.05%;
  --primary-foreground: 220.99deg 41.69% 11.07%;
  --secondary: 214.98deg 31% 16.95%;
  --secondary-foreground: 344.54deg 18.99% 98.19%;
  --muted: 214.98deg 31% 16.95%;
  --muted-foreground: 217.85deg 11.94% 64.27%;
  --accent: 214.98deg 31% 16.95%;
  --accent-foreground: 344.54deg 18.99% 98.19%;
  --destructive: 358.76deg 100% 69.84%;
  --border: 0deg 0% 13.73%;
  --input: 0deg 0% 18.43%;
  --ring: 219.99deg 10.27% 46.3%;
  --sidebar: 220, 6%, 22%;
  --sidebar-foreground: 220, 10%, 98%;
  --sidebar-primary: 344.79deg 11.54% 91.05%;
  --sidebar-primary-foreground: 220.99deg 41.69% 11.07%;
  --sidebar-accent: 220, 5%, 26%;
  --sidebar-accent-foreground: 220, 10%, 98%;
  --sidebar-border: 0, 0%, 10%;
  --sidebar-ring: 220, 5%, 65%;
  --skeleton: 214.98deg 31% 16.95%;
}