:root {
    --filter-invert: invert(1);
    --text-primary: 247 247 247;
    --text-secondary: 68 68 68;
    --bg-primary: 23 23 23;
    --bg-secondary: 31 31 31; /* #1A1A1A */
    --border-primary: 68 68 68;
    --border-secondary: 247 247 247;
    --hover-primary: 49 49 49;
    --hover-secondary: 40 40 40;
    --button-options: 157 181 200;

    --black: 21 20 20;
    --yellow: 255 193 7;
    --white: 247 247 247;
    --green: 37 211 102;
    --orange: 244 139 3;
    --light-blue: 13 202 240;
    --dark-blue: 14 5 139;
    --gray: 235 235 235;
    --dark-gray: 68 68 68;
    --red-one: 114 28 36;
    --red: 220 53 69;
    --purple: 171 21 204;
    --pink: 255 94 228;

    --bronze: 205 127 50;
    --silver: 192 192 192;
    --gold: 229 211 117;
}

/* :root {
    --text-primary: #f7f7f7;
    --text-secondary: #444444;
    --bg-primary: #171717;
    --bg-secondary: #1f1f1f; 
    --border-primary: #444444;
    --border-secondary: #f7f7f7;
    --hover-primary: #313131;
    --hover-secondary: #282828;
    --button-primary: #0dcaf0;
    --button-secondary: #25d366;
    --button-tertiary: #8855da;

    --black: #151414;
    --yellow: #ffc107;
    --white: #f7f7f7;
    --green: #25d366;
    --orange: #f48b03;
    --light-blue: #0dcaf0;
    --dark-blue: #0e058b;
    --gray: #ebebeb;
    --dark-gray: #444444;
    --red-one: #721c24;
    --red: #dc3545;
    --purple: #ab15cc;
    --pink: #ff5ee4;

    --bronze: #cd7f32;
    --silver: #c0c0c0;
    --gold: #e5d375;
} */

/* Switch: bolinha clara no tema escuro */
.form-switch .form-check-input {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(247%2C247%2C247%2C0.7)'/%3e%3c/svg%3e") !important;
}