body.color-0 {
    --primary: #fe082b;
    --secondary: #53eb4f;
}

body.color-1 {
    --primary: #090909;
    --secondary: #fe082b;

    --primary-color: #06b000;
    --secondary-color: #fe082b;
    --background-color: #fff;
    --background-color-75: rgba(255, 255, 255, 0.75);
    --text-color: #090909;
    --primary-rgb: 254, 8, 43;
    --secondary-rgb: 83, 235, 79;
    --white-color: 0, 0, 0;
    --background-rgb: 255, 255, 255;
}

body.color-2 {
    --primary: #22d3ee;
    --secondary: #2563eb;

    --primary-color: #2563eb;
    --secondary-color: #22d3ee;
    --background-color: #0b1220;
    --background-color-75: rgba(11, 18, 32, 0.75);
    --text-color: #e2e8f0;
    --primary-rgb: 37, 99, 235;
    --secondary-rgb: 34, 211, 238;
    --white-color: 255, 255, 255;
    --background-rgb: 11, 18, 32;
}

body.color-3 {
    --primary: #ec4899;
    --secondary: #a855f7;

    --primary-color: #ec4899;
    --secondary-color: #a855f7;
    --background-color: #0a0a0a;
    --background-color-75: rgba(10, 10, 10, 0.75);
    --text-color: #f3e8ff;
    --primary-rgb: 168, 85, 247;
    --secondary-rgb: 236, 72, 153;
    --white-color: 255, 255, 255;
    --background-rgb: 10, 10, 10;
}

body.color-4 {
    --primary: #4ade80;
    --secondary: #10b981;

    --primary-color: #10b981;
    --secondary-color: #4ade80;
    --background-color: #02120a;
    --background-color-75: rgba(2, 18, 10, 0.75);
    --text-color: #d1fae5;
    --primary-rgb: 16, 185, 129;
    --secondary-rgb: 74, 222, 128;
    --white-color: 255, 255, 255;
    --background-rgb: 2, 18, 10;
}

body.color-5 {
    --primary: #f97316;
    --secondary: #facc15;

    --primary-color: #f97316;
    --secondary-color: #facc15;
    --background-color: #0e0702;
    --background-color-75: rgba(14, 7, 2, 0.75);
    --text-color: #ffedd5;
    --primary-rgb: 249, 115, 22;
    --secondary-rgb: 250, 204, 21;
    --white-color: 255, 255, 255;
    --background-rgb: 28, 15, 5;
}

body.color-6 {
    --primary: #fb7185;
    --secondary: #dc2626;

    --primary-color: #dc2626;
    --secondary-color: #fb7185;
    --background-color: #140707;
    --background-color-75: rgba(20, 7, 7, 0.75);
    --text-color: #fee2e2;
    --primary-rgb: 220, 38, 38;
    --secondary-rgb: 251, 113, 133;
    --white-color: 255, 255, 255;
    --background-rgb: 20, 7, 7;
}

body.color-7 {
    --primary: #fde047;
    --secondary: #eab308;

    --primary-color: #fde047;
    --secondary-color: #eab308;
    --background-color: #0e0a03;
    --background-color-75: rgba(14, 10, 3, 0.75);
    --text-color: #fef9c3;
    --primary-rgb: 234, 179, 8;
    --secondary-rgb: 253, 224, 71;
    --white-color: 255, 255, 255;
    --background-rgb: 26, 20, 5;
}

body.color-8 {
    --primary: #062e2e;
    --secondary: #14b8a6;

    --primary-color: #14b8a6;
    --secondary-color: #2dd4bf;
    --background-color: #062e2e;
    --background-color-75: rgba(6, 46, 46, 0.75);
    --text-color: #ccfbf1;
    --primary-rgb: 20, 184, 166;
    --secondary-rgb: 45, 212, 191;
    --white-color: 255, 255, 255;
    --background-rgb: 6, 46, 46;
}

body.color-9 {
    --primary: #a3a3a3;
    --secondary: #e5e5e5;

    --primary-color: #e5e5e5;
    --secondary-color: #a3a3a3;
    --background-color: #0a0a0a;
    --background-color-75: rgba(10, 10, 10, 0.75);
    --text-color: #f5f5f5;
    --primary-rgb: 163, 163, 163;
    --secondary-rgb: 229, 229, 229;
    --white-color: 255, 255, 255;
    --background-rgb: 10, 10, 10;
}

body.color-7 button.primary-1,
body.color-9 button.primary-1 {
    color: var(--background-color);
}

body.color-1 .logo img {
    filter: invert(100);
}

/* color switcher */

.color_0 {
    --primary: #fe082b;
    --secondary: #53eb4f;
}

.color_1 {
    --primary: #090909;
    --secondary: #fe082b;
}

.color_2 {
    --primary: #22d3ee;
    --secondary: #2563eb;
}

.color_3 {
    --primary: #a855f7;
    --secondary: #ec4899;
}

.color_4 {
    --primary: #4ade80;
    --secondary: #10b981;
}

.color_5 {
    --primary: #facc15;
    --secondary: #f97316;
}

.color_6 {
    --primary: #fb7185;
    --secondary: #dc2626;
}

.color_7 {
    --primary: #fde047;
    --secondary: #eab308;
}

.color_8 {
    --primary: #062e2e;
    --secondary: #14b8a6;
}

.color_9 {
    --primary: #a3a3a3;
    --secondary: #e5e5e5;
}