:root {
  --title-color: #14FFEC;
  --h1-color: white;
  --bg-color: #212121;  
  --title-family: 'Blinker', sans-serif;
  --body-family: 'DM Sans';
  --card-color: #0d7377;
  --card-color-darker: #0a4446;
  --card-color-music: #062a2b;
  --card-title-font: 'Blinker', sans-serif;
  --card-title-color: rgb(255, 255, 255);
  --card-text-color: rgb(255, 255, 255);
  --card-text-weight: bold;
  --p-text-color: rgb(255, 255, 255);
  --link-decoration: none;
  --settings-container: #212121;
  --media-skip-buttons: rgba(102, 40, 40, 0.7);
  --media-play-buttons: rgba(128, 105, 46, 0.7);
  --media-icon-color: black;
  --alt-bg-color: #33c263;
  --mobile-bg: #343434;
  --nav-bar-bg: #0D7377;
  --bg-image: url(assets/msg-bg.png);
  /* Unfinished!! */
}

/* Placeholder values!! */
[data-theme="dark"] {
  --title-color: #14FFEC;
  --h1-color: white;
  --bg-color: #212121;  
  --title-family: 'Blinker', sans-serif;
  --body-family: 'DM Sans';
  --card-color: #0d7377;
  --card-color-darker: #0a4446;
  --card-color-music: #062a2b;
  --card-title-font: 'Blinker', sans-serif;
  --card-title-color: rgb(255, 255, 255);
  --card-text-color: rgb(255, 255, 255);
  --card-text-weight: bold;
  --p-text-color: rgb(255, 255, 255);
  --link-decoration: none;
  --settings-container: #212121;
  --media-skip-buttons: rgba(102, 40, 40, 0.7);
  --media-play-buttons: rgba(128, 105, 46, 0.7);
  --media-icon-color: black;
  --alt-bg-color: #33c263;
  --mobile-bg: #343434;
  --nav-bar-bg: #0D7377;
  --bg-image: url(assets/msg-bg.png);
}

[data-theme="lavender"] {
  --title-color: #674188;
  --h1-color: #4e2e61;
  --bg-color: #F7EFE5;
  --title-family: 'Blinker', sans-serif;
  --body-family: 'DM Sans';
  --card-color: #C3ACD0;
  --card-color-darker: #826e8e;
  --card-color-music: #7d6a88;
  --card-title-font: 'Blinker', sans-serif;
  --card-title-color: black;
  --card-text-color: black;
  --card-text-weight: bold;
  --p-text-color: black;
  --link-decoration: none;
  --settings-container: #F7EFE5;
  --media-skip-buttons: rgba(189, 116, 116, 0.7);
  --media-play-buttons: rgba(223, 192, 113, 0.7);
  --media-icon-color: white;
  --alt-bg-color: #33c263;
  --mobile-bg: #343434;
  --nav-bar-bg: #9d89a9;
  --bg-image: url(assets/Mountain_Lavenderer.svg);
/* Unfinished!! */
}

[data-theme="AMOLED"] {
  --title-color: #ffffff;
  --h1-color: #ffffff;
  --bg-color: #ffffff;
  --title-family: 'Blinker', sans-serif;
  --body-family: 'DM Sans';
  --card-color: #000000;
  --card-color-darker: #111111;
  --card-title-font: 'Blinker', sans-serif;
  --card-title-color: rgb(163, 163, 163);
  --card-text-color: rgb(255, 255, 255);
  --card-text-weight: bold;
  --p-text-color: #ffffff;
  --link-decoration: none;
  --settings-container: #000000;
  --media-skip-buttons: rgba(255, 255, 255, 0.7);
  --media-play-buttons: rgba(255, 255, 255, 0.7);
  --media-icon-color: #ffffff;
  --alt-bg-color: #801c1c;
  --mobile-bg: #000000;
  --nav-bar-bg: #000000;
  --bg-image: url(assets/Mountain_Darker.svg);
}