:root {
    --background-primary-color: #1A1A1A;
    --background-secondary-color: #000000;
    --text-primary-color: #FFFFFF;
    --text-secondary-color: #CDCDCD;
    --highlight-color: #77FFAA;
    --background-gradient: #0055FF77;
    --background-footer-gradient: #11224477;
    --icon-gradient1: #FF1493;
    --icon-gradient2: #FFD700;
    --green-text: #77FFAA;
    --red-text: #FF7777;
    --gold-text: #FFD700;
    --scrollbar-background: #00000033;
    --scrollbar-color: #FFFFFF55;
    --scrollbar-hover: #77FFAA;
    --border-alpha: #FFFFFF55;
    --back-bean: #FFFFFF0D;
    --btn-icon-hover: #AAAAAA;

    --btn-background: transparent;
    --btn-foreground: #FFFFFF;
    --btn-border: #FFFFFF22;
    --btn-background-hover: #FFFFFF22;
    --btn-foreground-hover: #FFFFFF;
    --btn-border-hover: transparent;

    --waves-ripple-color: #77FFAA;

    --background-modal: #000000EA;

    --input-background: #FFFFFF11;
    --input-foreground: #FFFFFF;
    --input-border: #FFFFFF11;

    --input-background-hover: #FFFFFF18;
    --input-foreground-hover: #FFFFFF;
    --input-border-hover: #FFFFFF22;

    --input-background-active: #FFFFFF11;
    --input-foreground-active: #FFFFFF;
    --input-border-active: #FFFFFF33;

    --light1: #FFF1;
    --light2: #FFF2;
    --light3: #FFF3;
    --light4: #FFF4;
    --light5: #FFF5;
    --light6: #FFF6;
    --light7: #FFF7;
    --light8: #FFF8;
    --light9: #FFF9;
    --lightA: #FFFA;
    --lightB: #FFFB;
    --lightC: #FFFC;
    --lightD: #FFFD;
    --lightE: #FFFE;

    --dark1: #0001;
    --dark2: #0002;
    --dark3: #0003;
    --dark4: #0004;
    --dark5: #0005;
    --dark6: #0006;
    --dark7: #0007;
    --dark8: #0008;
    --dark9: #0009;
    --darkA: #000A;
    --darkB: #000B;
    --darkC: #000C;
    --darkD: #000D;
    --darkE: #000E;
}