:root {
  @media (prefers-color-scheme: dark) {
    --accent: rgb(35,176,255);
    --accent-alpha-70: rgba(35,176,255,.7);
    --accent-alpha-20: rgba(35,176,255,.2);

    --background: #101010;
    --color: #f0f0f0;
    --border-color: rgba(255,240,224,.125);

    div.logo {
      color: black;
    }
  
  }
  @media (prefers-color-scheme: light) {
    --accent: rgb(32,128,192);
    --accent-alpha-70: rgba(32,128,192,.7);
    --accent-alpha-20: rgba(32,128,192,.2);

    --background: white;
    --color: #201030;
    --border-color: rgba(0,0,16,.125);
    
    div.logo {
      color: white;
    }
  }
}