Swiss Red

CSS shadcn/ui

:root {
  --card: hsl(0,0%,100%);
  --ring: hsl(0,100%,45%);
  --input: hsl(0,0%,100%);
  --muted: hsl(0,0%,96%);
  --accent: hsl(45,100%,50%);
  --border: hsl(0,0%,0%);
  --radius: 0px;
  --chart-1: hsl(0,0%,0%);
  --chart-2: hsl(0,100%,45%);
  --chart-3: hsl(45,100%,50%);
  --chart-4: hsl(120,20%,35%);
  --chart-5: hsl(20,40%,40%);
  --popover: hsl(0,0%,100%);
  --primary: hsl(0, 100%, 43%);
  --secondary: hsl(0,0%,0%);
  --background: hsl(0,0%,100%);
  --foreground: hsl(0,0%,0%);
  --destructive: hsl(0,100%,40%);
  --card-foreground: hsl(0,0%,0%);
  --muted-foreground: hsl(0,0%,40%);
  --accent-foreground: hsl(0,0%,0%);
  --popover-foreground: hsl(0,0%,0%);
  --primary-foreground: hsl(0,0%,100%);
  --secondary-foreground: hsl(0,0%,100%);
  --destructive-foreground: hsl(0,0%,100%);
}

.dark {
  --card: hsl(0,0%,4%);
  --ring: hsl(0,100%,50%);
  --input: hsl(0,0%,0%);
  --muted: hsl(0,0%,12%);
  --accent: hsl(45,100%,55%);
  --border: hsl(0,0%,100%);
  --radius: 0px;
  --chart-1: hsl(0,0%,100%);
  --chart-2: hsl(0,100%,50%);
  --chart-3: hsl(45,100%,55%);
  --chart-4: hsl(120,15%,45%);
  --chart-5: hsl(20,30%,50%);
  --popover: hsl(0,0%,4%);
  --primary: hsl(0,100%,50%);
  --secondary: hsl(0,0%,100%);
  --background: hsl(0,0%,0%);
  --foreground: hsl(0,0%,100%);
  --destructive: hsl(0,100%,60%);
  --card-foreground: hsl(0,0%,100%);
  --muted-foreground: hsl(0,0%,70%);
  --accent-foreground: hsl(0,0%,0%);
  --popover-foreground: hsl(0,0%,100%);
  --primary-foreground: hsl(0,0%,100%);
  --secondary-foreground: hsl(0,0%,0%);
  --destructive-foreground: hsl(0,0%,100%);
}