:root {
    --body-bg: #0B111B;
    --body-color: #FFFFFF;
    --body-color-light: #FFFFFF99;
    --body-color-lighter: #FFFFFF1A;

    --primary: #FE3DCE;
    --primary-deep: #ff65d5;
    --primary-deeper: #ff83dc;
    --primary-contrast: #000;

    --secondary: #26AFE6;
    --secondary-deep: #5bbaea;
    --secondary-deeper: #7dc6ed;
    --secondary-contrast: #000;

    --card-bg: #0B111B;
    --card-border-radius: 10px;
    --btn-border-radius: 32px;
    --btn-border-width: 2px;

    --navbar-bg: #0B111B;
    --navbar-color: #FFFFFF;

    --footer-bg: #0B111B;
    --footer-color: #FFFFFF;

    --qb-primary: #FE3DCE;
    --qb-secondary: #26AFE6;
    --qb-success: #73D733;
    --qb-info: #3EB5FF;
    --qb-warning: #FFB341;
    --qb-danger: #FF7676;

    --qb-primary-rgb: 254, 61, 206;
    --qb-secondary-rgb: 38, 175, 230;
    --qb-success-rgb: 115, 215, 51;
    --qb-info-rgb: 62, 181, 255;
    --qb-warning-rgb: 255, 179, 65;
    --qb-danger-rgb: 255, 118, 118;

    --qb-link-color: #FE3DCE;
    --qb-link-hover-color: #ff65d5;
  }