:root {
    --text-primary: #f7f7f7;
    --text-secondary: #444444;
    --bg-primary: #171717;
    --bg-secondary: #1f1f1f; /* #1A1A1A */
    --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;
    --gray: #ebebeb;
    --dark-gray: 68 68 68;
    --red-one: #721c24;
    --red-cancel: #dc3545;

    --bronze: #cd7f32;
    --silver: #c0c0c0;
    --gold: #E5D375;
}