/* UI Theme Variables — Organized from lightest to darkest */

:root {
  --PrimaryColor: rgb(237, 140, 5);
  --SecundaryColor: rgb(0, 0, 0);
  --Background1: rgb(255,255,255);
  --Background2: rgb(225,225,225);
  --BtnBack: rgba(200,200,200, 0.4);
  --BtnBodyBack1: rgba(255,255,255,0.9);
  --BtnBodyBack2: rgba(255,255,255,0.5);
  --ButtonGridColor: rgb(200, 200, 200);
  --ButtonGridHover: rgb(150, 150, 150);
}

[theme="paper"] {
  --PrimaryColor: rgb(30, 120, 210);
  --SecundaryColor: rgb(40, 40, 40);
  --Background1: rgb(255, 255, 254);
  --Background2: rgb(249, 249, 246);
  --BtnBack: rgba(0,0,0,0.04);
  --BtnBodyBack1: rgba(255,255,255,0.98);
  --BtnBodyBack2: rgba(250,250,248,0.9);
  --ButtonGridColor: rgb(235,235,230);
  --ButtonGridHover: rgb(200,200,195);
}

[theme="solar-light"] {
  --PrimaryColor: rgb(38, 139, 210);
  --SecundaryColor: rgb(88, 110, 117);
  --Background1: rgb(253, 246, 227);
  --Background2: rgb(245, 238, 217);
  --BtnBack: rgba(38,139,210,0.12);
  --BtnBodyBack1: rgba(255,255,250,0.96);
  --BtnBodyBack2: rgba(250,248,240,0.8);
  --ButtonGridColor: rgb(220,225,230);
  --ButtonGridHover: rgb(180,195,205);
}

[theme="mint"] {
  --PrimaryColor: rgb(100, 220, 180);
  --SecundaryColor: rgb(10, 50, 40);
  --Background1: rgb(245, 255, 250);
  --Background2: rgb(230, 250, 240);
  --BtnBack: rgba(100,220,180,0.14);
  --BtnBodyBack1: rgba(255,255,255,0.96);
  --BtnBodyBack2: rgba(245,255,250,0.8);
  --ButtonGridColor: rgb(200,235,220);
  --ButtonGridHover: rgb(160,200,180);
}

[theme="breeze"] {
  --PrimaryColor: rgb(10, 130, 180);
  --SecundaryColor: rgb(4, 40, 60);
  --Background1: rgb(240, 250, 255);
  --Background2: rgb(225, 245, 255);
  --BtnBack: rgba(10,130,180,0.18);
  --BtnBodyBack1: rgba(255,255,255,0.96);
  --BtnBodyBack2: rgba(235,245,255,0.7);
  --ButtonGridColor: rgb(200,225,235);
  --ButtonGridHover: rgb(160,200,215);
}

[theme="pastel"] {
  --PrimaryColor: rgb(255, 200, 210);
  --SecundaryColor: rgb(90, 60, 70);
  --Background1: rgb(252, 244, 246);
  --Background2: rgb(242, 235, 238);
  --BtnBack: rgba(255, 200, 210, 0.2);
  --BtnBodyBack1: rgba(255,255,255,0.96);
  --BtnBodyBack2: rgba(250,245,246,0.7);
  --ButtonGridColor: rgb(235, 210, 215);
  --ButtonGridHover: rgb(215, 185, 190);
}

[theme="sunny"] {
  --PrimaryColor: rgb(255, 165, 40);
  --SecundaryColor: rgb(45, 35, 20);
  --Background1: rgb(255, 250, 240);
  --Background2: rgb(255, 240, 220);
  --BtnBack: rgba(255, 190, 80, 0.25);
  --BtnBodyBack1: rgba(255,255,255,0.95);
  --BtnBodyBack2: rgba(255,245,230,0.7);
  --ButtonGridColor: rgb(245, 210, 170);
  --ButtonGridHover: rgb(220, 170, 120);
}

[theme="porch"] {
  --PrimaryColor: rgb(205, 90, 60);
  --SecundaryColor: rgb(50, 35, 30);
  --Background1: rgb(255, 250, 246);
  --Background2: rgb(255, 240, 235);
  --BtnBack: rgba(205,90,60,0.12);
  --BtnBodyBack1: rgba(255,255,255,0.96);
  --BtnBodyBack2: rgba(255,247,244,0.85);
  --ButtonGridColor: rgb(240,220,215);
  --ButtonGridHover: rgb(210,180,170);
}

[theme="ocean"] {
  --PrimaryColor: rgb(0, 119, 190);
  --SecundaryColor: rgb(0, 40, 70);
  --Background1: rgb(230, 245, 255);
  --Background2: rgb(205, 230, 250);
  --BtnBack: rgba(0, 119, 190, 0.25);
  --BtnBodyBack1: rgba(255,255,255,0.95);
  --BtnBodyBack2: rgba(230,245,255,0.7);
  --ButtonGridColor: rgb(180, 210, 230);
  --ButtonGridHover: rgb(140, 180, 210);
}

[theme="forest"] {
  --PrimaryColor: rgb(34, 139, 34);
  --SecundaryColor: rgb(20, 40, 20);
  --Background1: rgb(240, 255, 240);
  --Background2: rgb(220, 240, 220);
  --BtnBack: rgba(34, 139, 34, 0.25);
  --BtnBodyBack1: rgba(255,255,255,0.9);
  --BtnBodyBack2: rgba(240,255,240,0.6);
  --ButtonGridColor: rgb(200, 220, 200);
  --ButtonGridHover: rgb(160, 190, 160);
}

[theme="candy"] {
  --PrimaryColor: rgb(255, 85, 170);
  --SecundaryColor: rgb(40, 20, 35);
  --Background1: rgb(255, 245, 250);
  --Background2: rgb(255, 235, 245);
  --BtnBack: rgba(255,85,170,0.18);
  --BtnBodyBack1: rgba(255,255,255,0.96);
  --BtnBodyBack2: rgba(255,245,250,0.7);
  --ButtonGridColor: rgb(250,200,220);
  --ButtonGridHover: rgb(220,150,180);
}

[theme="lavender"] {
  --PrimaryColor: rgb(145, 110, 200);
  --SecundaryColor: rgb(50, 30, 60);
  --Background1: rgb(250, 245, 255);
  --Background2: rgb(240, 235, 250);
  --BtnBack: rgba(145,110,200,0.12);
  --BtnBodyBack1: rgba(255,255,255,0.96);
  --BtnBodyBack2: rgba(245,240,250,0.7);
  --ButtonGridColor: rgb(220,200,230);
  --ButtonGridHover: rgb(190,160,200);
}

/* -------------------- DARKER THEMES (DARK) -------------------- */

[theme="dark"] {
  --PrimaryColor: rgb(237, 140, 5);
  --SecundaryColor: rgb(220, 220, 220);
  --Background1: rgb(25, 25, 25);
  --Background2: rgb(45, 45, 45);
  --BtnBack: rgba(255, 255, 255, 0.05);
  --BtnBodyBack1: rgba(25, 25, 25, 0.9);
  --BtnBodyBack2: rgba(25, 25, 25, 0.6);
  --ButtonGridColor: rgb(70, 70, 70);
  --ButtonGridHover: rgb(120, 120, 120);
}

[theme="midnight"] {
  --PrimaryColor: rgb(150, 200, 255);
  --SecundaryColor: rgb(220, 230, 255);
  --Background1: rgb(6, 12, 28);
  --Background2: rgb(12, 20, 40);
  --BtnBack: rgba(150,200,255,0.06);
  --BtnBodyBack1: rgba(10, 16, 30, 0.95);
  --BtnBodyBack2: rgba(16, 26, 46, 0.7);
  --ButtonGridColor: rgb(40, 60, 90);
  --ButtonGridHover: rgb(80, 110, 150);
}

[theme="deep"] {
  --PrimaryColor: rgb(0, 85, 150);
  --SecundaryColor: rgb(210, 230, 240);
  --Background1: rgb(10, 20, 30);
  --Background2: rgb(20, 35, 50);
  --BtnBack: rgba(255,255,255,0.03);
  --BtnBodyBack1: rgba(18, 28, 40, 0.95);
  --BtnBodyBack2: rgba(28, 40, 60, 0.7);
  --ButtonGridColor: rgb(35, 60, 85);
  --ButtonGridHover: rgb(60, 90, 120);
}

[theme="solar-dark"] {
  --PrimaryColor: rgb(38, 139, 210);
  --SecundaryColor: rgb(147, 161, 161);
  --Background1: rgb(7, 54, 66);
  --Background2: rgb(10, 70, 80);
  --BtnBack: rgba(255,255,255,0.02);
  --BtnBodyBack1: rgba(8,48,56,0.95);
  --BtnBodyBack2: rgba(12,64,74,0.72);
  --ButtonGridColor: rgb(30,70,85);
  --ButtonGridHover: rgb(60,120,140);
}

[theme="charcoal"] {
  --PrimaryColor: rgb(215, 130, 60);
  --SecundaryColor: rgb(230, 230, 230);
  --Background1: rgb(18, 20, 22);
  --Background2: rgb(28, 30, 34);
  --BtnBack: rgba(255,255,255,0.02);
  --BtnBodyBack1: rgba(22,24,26,0.95);
  --BtnBodyBack2: rgba(30,32,36,0.75);
  --ButtonGridColor: rgb(40,45,50);
  --ButtonGridHover: rgb(80,85,90);
}

[theme="obsidian"] {
  --PrimaryColor: rgb(120, 170, 255);
  --SecundaryColor: rgb(200, 220, 240);
  --Background1: rgb(4, 8, 16);
  --Background2: rgb(10, 14, 28);
  --BtnBack: rgba(255,255,255,0.02);
  --BtnBodyBack1: rgba(8,12,20,0.95);
  --BtnBodyBack2: rgba(14,18,30,0.75);
  --ButtonGridColor: rgb(30,50,80);
  --ButtonGridHover: rgb(70,100,140);
}

[theme="eggplant"] {
  --PrimaryColor: rgb(200, 140, 230);
  --SecundaryColor: rgb(230, 220, 240);
  --Background1: rgb(18, 8, 30);
  --Background2: rgb(28, 18, 44);
  --BtnBack: rgba(255,255,255,0.02);
  --BtnBodyBack1: rgba(20,12,30,0.95);
  --BtnBodyBack2: rgba(28,20,40,0.72);
  --ButtonGridColor: rgb(45,30,65);
  --ButtonGridHover: rgb(90,70,120);
}

[theme="nocturne"] {
    --PrimaryColor: rgb(120, 130, 200);
    --SecundaryColor: rgb(200, 205, 230);
    --Background1: rgb(6, 6, 12);
    --Background2: rgb(14, 16, 28);
    --BtnBack: rgba(255,255,255,0.02);
    --BtnBodyBack1: rgba(8,10,18,0.95);
    --BtnBodyBack2: rgba(16,18,32,0.75);
    --ButtonGridColor: rgb(34,36,58);
    --ButtonGridHover: rgb(72,76,120);
}

[theme="ember"] {
    --PrimaryColor: rgb(255, 110, 80);
    --SecundaryColor: rgb(255, 200, 190);
    --Background1: rgb(20, 10, 10);
    --Background2: rgb(36, 18, 16);
    --BtnBack: rgba(255,255,255,0.02);
    --BtnBodyBack1: rgba(28,14,12,0.95);
    --BtnBodyBack2: rgba(40,20,18,0.72);
    --ButtonGridColor: rgb(60,34,30);
    --ButtonGridHover: rgb(120,70,60);
}

[theme="velvet"] {
    --PrimaryColor: rgb(180, 60, 100);
    --SecundaryColor: rgb(240, 210, 220);
    --Background1: rgb(16, 6, 12);
    --Background2: rgb(30, 14, 24);
    --BtnBack: rgba(255,255,255,0.02);
    --BtnBodyBack1: rgba(18,8,16,0.95);
    --BtnBodyBack2: rgba(32,18,30,0.72);
    --ButtonGridColor: rgb(50,30,45);
    --ButtonGridHover: rgb(100,70,90);
}

[theme="aurora"] {
    --PrimaryColor: rgb(80, 220, 170);
    --SecundaryColor: rgb(200, 240, 225);
    --Background1: rgb(6, 12, 10);
    --Background2: rgb(14, 28, 24);
    --BtnBack: rgba(255,255,255,0.02);
    --BtnBodyBack1: rgba(8,18,14,0.95);
    --BtnBodyBack2: rgba(18,34,28,0.75);
    --ButtonGridColor: rgb(30,60,50);
    --ButtonGridHover: rgb(70,140,110);
}

[theme="graphite"] {
    --PrimaryColor: rgb(160, 170, 180);
    --SecundaryColor: rgb(220, 220, 220);
    --Background1: rgb(12, 12, 12);
    --Background2: rgb(22, 22, 24);
    --BtnBack: rgba(255,255,255,0.02);
    --BtnBodyBack1: rgba(14,14,16,0.95);
    --BtnBodyBack2: rgba(26,26,28,0.75);
    --ButtonGridColor: rgb(38,40,44);
    --ButtonGridHover: rgb(84,88,96);
}