/* 
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@@@@@@@@
@@@@@@@@@@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%#*+%%%%%%%%%%%%%@@@@@@@@@@
@@@@@@@@@@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*%*...-%%%%%%%%%%%%%@@@@@@@@@@
@@@@@@@@@@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%:..*%%*.=%%+..-%%%%%%%%%%%%%@@@@@@@@@@
@@@@@@@@@@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%.:=%%-..+%%+..=+.....#%%%%%%@@@@@@@@@@
@@@@@@@@@@%%%%%%%#+=--#%%%##%%%%%%%%%%%%%%%%%%%%%#%*.....-+...-**...+%%%%%%@@@@@@@@@@
@@@@@@@@@@%%%%#-....=%%%*...+%%%%%%%%%%%%%#+*#:..-#=:..=%%+..-%%%-..*%%%%%%@@@@@@@@@@
@@@@@@@@@@%%%%%%+...*%%%#.:-#%%%%%#**%%%:...-.:.:+#%-..=%%+..=%%%::-*%%%%%%@@@@@@@@@@
@@@@@@@@@@%%%%%%+...*%%%%%%*#%%+.......+%...-%%@%#%%-.:=%%=:-=%%%-::*%%%%%%@@@@@@@@@@
@@@@@@@@@@%%%%%%+...*%%#:...*%-..#%%+...#...*%%%+=#%-:-=%#=:-=%%%::-=#%%%%%@@@@@@@@@@
@@@@@@@@@@%%%%%%+...*%%%#...*+..=%%%#..:#.:-*%%*--*%-::::==--=#%%%%%%%%%%%%@@@@@@@@@@
@@@@@@@@@@%%%%%%+...*%%%#...*:..=%%%*.--%.:-*%%*--*%%*=+%%%%%%%%%%%%%%%%%%%@@@@@@@@@@
@@@@@@@@@@%%%%%%+...*%%%#.:-*=:--%%%-::#%.::+%%%#%%%%%%%%%%%%%%%%%%%%%%%%%%@@@@@@@@@@
@@@@@@@@@@%%%%%%+...*%%%#.=##%=::----=%%+*#%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@@@@@@@@
@@@@@@@@@@%%%%%%+...*%%%#-*##%%%*++*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@@@@@@@@
@@@@@@@@@@%%%%%%+.::*%%%%=:%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@@@@@@@@
@@@@@@@@@@%%%%%%+.::*%*=#%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@@@@@@@@
@@@@@@@@@@%%%%%%:::::::*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@@@@@@@@
@@@@@@@@@@%%%%%:=+*#%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@@@@@@@@
@@@@@@@@@@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
*/




:root, [data-theme=dark] {

  --primary-color: #808080;
  --secondary-color: #c0c0c0;
  --tertiary-color: #404040;
  --background-color: #000000;
  --selection-color: #222222;

  --card-background-color: rgba(5, 5, 5, 0.5);
  --card-content-background-color: rgb(5, 5, 5);
  --card-shadow-color: rgba(255, 255, 255, 0.25);

  --text-color: rgb(255, 255, 255);
  --text-color-primary: rgb(255, 255, 255, 0.8);
  --text-color-secondary: rgba(255, 255, 255, 0.6);
  --text-color-tertiary: rgba(255, 255, 255, 0.4);
  --text-color-quarternary: rgba(255, 255, 255, 0.2);
  --text-color-quinary: rgba(255, 255, 255, 0.05);

  --button-background-color : rgba(255, 255, 255, 0.05);
  --button-background-color-hover: rgba(255, 255, 255, 0.1);
  --button-border-color: rgba(255, 255, 255, 0.1);
  --button-border-color-hover: rgba(255, 255, 255, 0.2);

  --cursor: url('../images/cursor/cursor-white.png');
  --re-cursor: url('../images/cursor/cursor-white-re.png');
  --nav-cursor: url('../images/cursor/cursor-white-nav.png');
  --top-cursor: url('../images/cursor/cursor-white-top.png');
  --back-cursor: url('../images/cursor/cursor-white-left.png');
  --theme-cursor: url('../images/cursor/cursor-white-theme.png');
}

[data-theme=light] {

  --primary-color: #808080;
  --secondary-color: #404040;
  --tertiary-color: #c0c0c0;
  --background-color: #ffffff;
  --selection-color: #dddddd;

  --card-background-color: rgba(250, 250, 250, 0.5);
  --card-content-background-color: rgb(250, 250, 250);
  --card-shadow-color: rgba(0, 0, 0, 0.25);

  --text-color: rgba(0, 0, 0);
  --text-color-primary: rgba(0, 0, 0, 0.8);
  --text-color-secondary: rgba(0, 0, 0, 0.6);
  --text-color-tertiary: rgba(0, 0, 0, 0.4);
  --text-color-quarternary: rgba(0, 0, 0, 0.2);
  --text-color-quinary: rgba(0, 0, 0, 0.05);

  --button-background-color : rgb(0, 0, 0, 0.05);
  --button-background-color-hover: rgba(0, 0, 0, 0.1);
  --button-border-color: rgba(0, 0, 0, 0.1);
  --button-border-color-hover: rgba(0, 0, 0, 0.2);

  --cursor: url('../images/cursor/cursor-black.png');
  --re-cursor: url('../images/cursor/cursor-black-re.png');
  --nav-cursor: url('../images/cursor/cursor-black-nav.png');
  --top-cursor: url('../images/cursor/cursor-black-top.png');
  --back-cursor: url('../images/cursor/cursor-black-left.png');
  --theme-cursor: url('../images/cursor/cursor-black-theme.png');
}

/* ----- Beispiele ----- */

/* Banner - socials
.card:nth-child(9) { --color: 0 0% 50%; } */

/* Discord
.card:nth-child(10) { --color: 229 100% 50%; } */

/* Youtube
.card:nth-child(11) { --color: 0 100% 50%; } */

/* Twitch
.card:nth-child(12) { --color: 267 100% 50%; } */

/* Spotify
.card:nth-child(13) { --color: 140 100% 50%; } */

/* Soundcloud
.card:nth-child(14) { --color: 25 100% 50%; } */

/* Instagram
.card:nth-child(15) { --color: 329 100% 50%; } */

/* Github
.card:nth-child(16) { --color: 210 100% 50%; } */

/* Reddit
.card:nth-child(17) { --color: 16 100% 50%; } */

/* Threads
.card:nth-child(18) { --color: 200 25% 50%; } */

/* Telegram
.card:nth-child(19) { --color: 200 50% 50%; } */