.dark {
    --background: #050308;
    --exp-card: rgba(34, 33, 37, 0.47);

    --primary: #6D23CF;
    --secondary: #6737A5;

    --primary-icons: #720eff;

    /* Rename */
    --tertiary: #6D00FA;
    --tertiaryDark: #573D7A;
    --secondaryDark: #413550;

    --border-color: #720eff;
    --border-badge-bg-color: rgba(114, 14, 255, 0.1);

    /* Text */
    --primary-text: #FFFFFF;
    --secondary-text: rgba(227, 213, 244, 0.47);
}

.light {
    --background: #050308;
    --exp-card: rgba(34, 33, 37, 0.47);

    --primary: #6D23CF;
    --secondary: #6737A5;

    --primary-icons: #720eff;

    /* Rename */
    --tertiary: #6D00FA;
    --tertiaryDark: #573D7A;
    --secondaryDark: #413550;

    --border-color: #720eff;
    --border-badge-bg-color: rgba(114, 14, 255, 0.1);

    /* Text */
    --primary-text: #FFFFFF;
    --secondary-text: rgba(227, 213, 244, 0.47);
}

/*.light {*/
/*    --background: rgba(5, 3, 8, 0.11);*/
/*    --exp-card: rgba(191, 184, 214, 0.47);*/

/*    --primary: #6D23CF;*/
/*    --secondary: #6737A5;*/

/*    --primary-icons: #720eff;*/

/*    !* Rename *!*/
/*    --tertiary: #6D00FA;*/
/*    --tertiaryDark: #573D7A;*/
/*    --secondaryDark: #413550;*/

/*    --border-color: #720eff;*/
/*    --border-badge-bg-color: rgba(114, 14, 255, 0.1);*/

/*    !* Text *!*/
/*    --primary-text: #000000;*/
/*    --secondary-text: rgba(116, 97, 143, 0.76);*/
/*}*/