@media (prefers-color-scheme: dark) {
  :root {
        --color1: hsl(220, 5%, 10%);
        --color2: #dddddd;
        --color3: #dddddd;
        --color4: #ff4d94;
        --color5: hsl(180, 50%, 6%);
        --color6: hsla(250, 60%, 80%, 0.1);
        --color7: #dddddd;
        --color8: hsla(0, 0%, 100%, 0.04);
        --color9: rgba(255, 215, 150, 0.35);
        --color10: hsl(124, 79%, 45%);
        --color11: hsl(0, 0%, 80%);
        --color12: hsl(230, 10%, 60%);
        --color13: hsl(122, 39%, 55%);
        --color14: hsl(0, 61%, 55%);
        --color15: hsl(0, 0%, 50%);
        --color16: hsl(0, 0%, 95%);
        --color17: #000;
        --color18: #c8a452;
        --color19: hsl(230, 41%, 16%);
        --shadow1: hsla(0, 0%, 0%, 0.3);
        --shadow2: hsla(0, 0%, 0%, 0.5);
        --shadow3: hsla(0, 0%, 0%, 0.15);
        --boxshadow: 0 0 10px rgba(0, 0, 0, 0.25);
        --boxshadow2: 3px 5px 4px rgba(114, 0, 0, 0.3);
        --boxshadow3: -1px 5px 4px rgba(114, 0, 0, 0.3);
        --boxshadow4: 0 0 10px rgba(255, 223, 223, 0.7);
  }
}