body[theme="dark"] {
    --background-color-rgb: 29, 31, 33;
    --text-color-rgb: 240, 240, 240;
    --shadow-color: #000000ff;
}

body[theme="light"] {
    --background-color-rgb: 255, 255, 255;
    --text-color-rgb: 40, 40, 40;
    --shadow-color: #00000042;
}

body {
    --secondary-color-rgb: 67, 185, 194;
    /*hex secondary color: #43b9c2*/
    
    --background-color: rgb(var(--background-color-rgb));
    --secondary-color: rgb(var(--secondary-color-rgb));
    --secondary-color-weak-1: rgb(var(--secondary-color-rgb), 0.5);
    --secondary-color-weak-2: rgb(var(--secondary-color-rgb), 0.3);
    --secondary-color-weak-3: rgb(var(--secondary-color-rgb), 0.1);
    --text-color: rgb(var(--text-color-rgb));
    --text-color-on-secondary: rgb(240, 240, 240);
    --text-color-on-secondary-weak: rgb(240, 240, 240, 0.5);
    --text-color-weak-05: rgb(var(--text-color-rgb), 0.85);
    --text-color-weak: rgb(var(--text-color-rgb), 0.7);
    --text-color-weak-1: rgb(var(--text-color-rgb), 0.5);
    --text-color-weak-2: rgb(var(--text-color-rgb), 0.3);
    --text-color-weak-3: rgb(var(--text-color-rgb), 0.1);
    --hover-color: rgb(var(--text-color-rgb), 0.05);
    --background-color-1: rgb(var(--text-color-rgb), 0.015);
    --background-color-2: rgb(var(--text-color-rgb), 0.030);
    --background-color-3: rgb(var(--text-color-rgb), 0.050);
    --border: 2px solid var(--text-color-weak-3);
    --love-color: #FF4F68;
    --great-success-color: #39ac11;
    --danger-zone-color: #ac1111;
}