:root {
    --clr-body-bg: #1f0033;
    --img-body-bg: none;
    --clr-body-txt: #fceaff;
    --clr-content-bg: #101010;

    --clr-top-btn-bg: #fd60e1;
    --clr-top-btn-txt: #101010;

    --clr-main-heading: #FF29D8;
    --clr-sub-heading: #FF29D8;
    --clr-title-border: #d3aad5;
    --clr-bold-txt: #ff9933;
    --clr-link: #d270ff;
    --clr-link-hover: #7E4197;
    --clr-quote-bg: #222121;
    --clr-quote-border: #4d4385;

    --clr-code-bg: #241445;
    --clr-code-border: #82668f;
    --clr-dates: rgb(158, 203, 255);

    --clr-link-btn-bg: #873eb5;
    --clr-link-btn-txt: white;
    --clr-link-btn-hover: #241445;

    --clr-hero-bg: #101010;
    --clr-navbar-bg: #181818;
    --clr-navbar-link: white;

    --clr-main-footer-bg: #181818;
}