/* Regular CSS continues below */
.default, :root {
    --text-color:#FFFFFF;
    --main-color-1: #FF69B4;
    --main-color-2: #FF69B4;
    --main-color-dim-1: #FF69B4cc;
    --main-color-dim-2: #FF69B499;
    --main-color-dim-3: #FF69B466;
    --main-transparent: rgba(0, 0, 0, 0);
    --secondary-color-1: #070707;
    --secondary-color-2: rgb(46, 46, 51);
    --tooltip-color-1: #070707;
    --tooltip-color-2: rgb(46, 46, 51);
    --paid-color: rgb(255, 105, 180);
    --backround-color: #000000;
    --navbar-backround: #000000;
    --navbar-line: #FF69B4;
    /*Card */
    --card-border: #0e0d0d;
    --card-color: #000000;
    --link-button: #FF69B4;
    --buy-button: #ffffff;
    --card-background: rgba(0, 0, 0, 0.26);
    --color-negative: #E84848;
    --color-neutral: #fae315;
    --color-positive: #4ADE80;
}

.march {
    /* Main Themeing */
    --text-color:#ffffff;
    --main-color-1: #06740c;
    --main-color-2: #1e5821;
    --main-color-dim-1: #112512;
    --main-color-dim-2: #060e07;
    --main-color-dim-3: rgb(26, 44, 23);
    --main-transparent: rgba(0, 0, 0, 0);
    --secondary-color-1: #070707;
    --secondary-color-2: rgb(46, 46, 51);
    --tooltip-color-1: #070707;
    --tooltip-color-2: rgb(46, 46, 51);
    --paid-color: rgb(0, 255, 0);
    --backround-color: #000000;
    --navbar-backround: #000000;
    --navbar-line: #b6ffba;
    /*Card */
    --card-border: #b6ffba;
    --card-color: #000000;
    --link-button: #b6ffba;
    --buy-button: #34ff3e;
    --card-background: rgba(0, 0, 0, 0.26);
    /* Pros, Cons, Neutral Colors */
    --color-negative: #E84848;
    --color-neutral: #FACC15;
    --color-positive: #4ADE80;
}

.catppuccin {
    --text-color: #c6d0f5;
    --main-color-1: #ca9ee6;
    --main-color-2: #ca9ee6;
    --main-color-dim-1: #ca9ee6cc;
    --main-color-dim-2: #ca9ee699;
    --main-color-dim-3: #ca9ee666;
    --main-transparent: rgba(0, 0, 0, 0);
    --secondary-color-1: #232634;
    --secondary-color-2: #292c3c;
    --tooltip-color-1: #232634;
    --tooltip-color-2: #292c3c;
    --backround-color: #303446;
    --navbar-backround: #303446;
    --navbar-line: #ca9ee6;
    --link-button: #ca9ee6;
    --paid-color: #ca9ee6;
    --card-background: #414559;
    --card-border: #ca9ee6;
    --card-color: #414559;
    --color-negative: #e78284;
    --color-neutral: #f5c2e7;
    --color-positive: #a6e3a1;
}

/* New Themes */

.dracula {
    --text-color: #f8f8f2;
    --main-color-1: #bd93f9;
    --main-color-2: #bd93f9;
    --main-color-dim-1: #bd93f9cc;
    --main-color-dim-2: #bd93f999;
    --main-color-dim-3: #bd93f966;
    --main-transparent: rgba(0, 0, 0, 0);
    --secondary-color-1: #282a36;
    --secondary-color-2: #44475a;
    --tooltip-color-1: #282a36;
    --tooltip-color-2: #44475a;
    --backround-color: #282a36;
    --navbar-backround: #282a36;
    --navbar-line: #bd93f9;
    --link-button: #bd93f9;
    --paid-color: #ff79c6;
    --card-background: #44475a;
    --card-border: #bd93f9;
    --card-color: #44475a;
    --color-negative: #ff5555;
    --color-neutral: #ffb86c;
    --color-positive: #50fa7b;
}

.nord {
    --text-color: #eceff4;
    --main-color-1: #88c0d0;
    --main-color-2: #88c0d0;
    --main-color-dim-1: #88c0d0cc;
    --main-color-dim-2: #88c0d099;
    --main-color-dim-3: #88c0d066;
    --main-transparent: rgba(0, 0, 0, 0);
    --secondary-color-1: #2e3440;
    --secondary-color-2: #3b4252;
    --tooltip-color-1: #2e3440;
    --tooltip-color-2: #3b4252;
    --backround-color: #2e3440;
    --navbar-backround: #2e3440;
    --navbar-line: #88c0d0;
    --link-button: #88c0d0;
    --paid-color: #d08770;
    --card-background: #3b4252;
    --card-border: #88c0d0;
    --card-color: #3b4252;
    --color-negative: #bf616a;
    --color-neutral: #ebcb8b;
    --color-positive: #a3be8c;
}

.sunset {
    --text-color: #fdf6e3;
    --main-color-1: #d33682;
    --main-color-2: #d33682;
    --main-color-dim-1: #d33682cc;
    --main-color-dim-2: #d3368299;
    --main-color-dim-3: #d3368266;
    --main-transparent: rgba(0, 0, 0, 0);
    --secondary-color-1: #002b36;
    --secondary-color-2: #073642;
    --tooltip-color-1: #002b36;
    --tooltip-color-2: #073642;
    --backround-color: #002b36;
    --navbar-backround: #002b36;
    --navbar-line: #d33682;
    --link-button: #d33682;
    --paid-color: #cb4b16;
    --card-background: #073642;
    --card-border: #d33682;
    --card-color: #073642;
    --color-negative: #dc322f;
    --color-neutral: #b58900;
    --color-positive: #859900;
}

.cyberpunk {
    --text-color: #f0f0f0;
    --main-color-1: #ff00ff;
    --main-color-2: #00ffff;
    --main-color-dim-1: #ff00ffcc;
    --main-color-dim-2: #00ffff99;
    --main-color-dim-3: #ff00ff66;
    --main-transparent: rgba(0, 0, 0, 0);
    --secondary-color-1: #0a0a0a;
    --secondary-color-2: #1a1a1a;
    --tooltip-color-1: #0a0a0a;
    --tooltip-color-2: #1a1a1a;
    --backround-color: #0a0a0a;
    --navbar-backround: #0a0a0a;
    --navbar-line: #ff00ff;
    --link-button: #00ffff;
    --paid-color: #ff00ff;
    --card-background: #1a1a1a;
    --card-border: #00ffff;
    --card-color: #1a1a1a;
    --color-negative: #ff0000;
    --color-neutral: #ffff00;
    --color-positive: #00ff00;
}

.matrix {
    --text-color: #00ff00;
    --main-color-1: #00ff00;
    --main-color-2: #00ff00;
    --main-color-dim-1: #00ff00cc;
    --main-color-dim-2: #00ff0099;
    --main-color-dim-3: #00ff0066;
    --main-transparent: rgba(0, 0, 0, 0);
    --secondary-color-1: #000000;
    --secondary-color-2: #0a0a0a;
    --tooltip-color-1: #000000;
    --tooltip-color-2: #0a0a0a;
    --backround-color: #000000;
    --navbar-backround: #000000;
    --navbar-line: #00ff00;
    --link-button: #00ff00;
    --paid-color: #00ff00;
    --card-background: #0a0a0a;
    --card-border: #00ff00;
    --card-color: #0a0a0a;
    --color-negative: #ff0000;
    --color-neutral: #ffff00;
    --color-positive: #00ff00;
}

.red {
    --text-color: #ffffff;
    --main-color-1: #ff0000;
    --main-color-2: #cc0000;
    --main-color-dim-1: #ff0000cc;
    --main-color-dim-2: #ff000099;
    --main-color-dim-3: #ff000066;
    --main-transparent: rgba(0, 0, 0, 0);
    --secondary-color-1: #1a0000;
    --secondary-color-2: #330000;
    --tooltip-color-1: #1a0000;
    --tooltip-color-2: #330000;
    --paid-color: #ff3333;
    --backround-color: #000000;
    --navbar-backround: #000000;
    --navbar-line: #ff0000;
    /*Card */
    --card-border: #ff0000;
    --card-color: #000000;
    --link-button: #ff0000;
    --buy-button: #ff3333;
    --card-background: rgba(0, 0, 0, 0.26);
    --color-negative: #ff3333;
    --color-neutral: #ff9933;
    --color-positive: #33ff33;
}