:root {
    /* colors */
    --lighter-grey-color: rgb(138, 147, 159);
    --light-grey-color: #FFFFFF66;
    --grey-color: rgb(38, 53, 67);
    --lighter-red-color: rgb(249, 103, 45);
    --light-red-color: rgb(208, 81, 44);
    --red-color: rgb(218, 45, 15);
    --green-color: rgb(46, 174, 52);
    --lighter-bitclude-blue: rgb(14, 125, 255);
    --bitclude-blue: #3e50f7;
    --darker-bitclude-blue: #511FC4;
    --bitclude-white: white;
    --bitclude-pro-blue-steel: rgb(18, 29, 39); 
    --bitclude-pro-color: rgb(17, 24, 31);
    --darker-bitclude-pro-color: rgb(6, 13, 19);
    --background-color: #111;
    --border-color: rgb(38, 45, 52);
    --ask-indicator-color: rgb(118, 56, 41);
    --bid-indicator-color: rgb(66, 118, 61);
    --border-bottom-mobile-buttons: rgb(14, 125, 255);
    --active-block-color: rgb(29 41 51);

    /* egera color */
    --egera-black: #1b2e4b;
    --egera-pink: rgb(191,73,178);
    --egera-pink-mix: rgb(146, 89, 194);
    --egera-mix: rgb(96,99,212);
    --egera-blue-mix: rgb(74, 112, 226);
    --egera-blue: rgb(0, 125, 245);
    --egera-gradient-light: linear-gradient(to left, rgba(191,73,178, 0.3), rgba(0, 125, 245, 0.3));
    --egera-gradient: linear-gradient(to left, var(--egera-pink), var(--egera-blue));
    --egera-gradient-hover: linear-gradient(to left, rgb(158, 56, 146), rgb(3, 117, 223));
    --egera-gradient-reverse: linear-gradient(to right, var(--egera-pink), var(--egera-blue));
    --egera-gradient-reverse-hover: linear-gradient(to right, rgb(158, 56, 146), rgb(3, 117, 223));

    --egera-animate: linear-gradient(90deg, var(--egera-blue),  var(--egera-mix),  var(--egera-pink), var(--egera-mix), var(--egera-blue));
  
    --egera-pink-80p: rgba(191,73,178, 0.8);
    --egera-mix-80p: rgba(96,99,212, 0.8);
    --egera-blue-80p: rgba(0, 125, 245, 0.8);

    --white-10p: rgba(255,255,255,0.1);
    --white-20p: rgba(255,255,255,0.2);
    --white-30p: rgba(255,255,255,0.3);
    --white-40p: rgba(255,255,255,0.4);
    --white-50p: rgba(255,255,255,0.5);
    --white-60p: rgba(255,255,255,0.6);
    --white-70p: rgba(255,255,255,0.7);
    --white-80p: rgba(255,255,255,0.8);
    --white-90p: rgba(255,255,255,0.9);

    --egera-red: #ff4e00;
  
    /* underline */
    --height-underline: 7px;
    --bottom-underline: 8px;
    --color-underline: #511FC4;
  
    --start-height: 100vh;

    /* border */
    --radius: 20px;
}