:root {
    --green: #86d37a;
    --purple: #ec83c3;
    --blue: #596891;
    --grey-blue: #8497b3;
    --yellow: #eeea72;
    --grey: #5b5b5b;
    --default: #d3d0c0;
    --red: #955456;
    --black: #000000;
    --white: #ffffff;
}

:root {
    --bg-color: #1a1a1a;
    --bg-color-darker: #121212;
    --bg-color-section: #2a2a2a;
    --bg-color-section-tr: rgba(42, 42, 42, 0.9);
    --bg-color-section-tr2: rgba(42, 42, 42, 0.8);
    --bg-color-section-lighter: #3a3a3a;
    --bg-color-section-lighter-tr: rgba(58, 58, 58, 0.5);
    --bg-color-section-lighter-tr2: rgba(58, 58, 58, 0.95);
    --bg-color-section-lightest: #454545;
    --txt-color: var(--white);
    --txt-color-darker: #999999;
    --txt-color-invert: #090909;
    --accent-color: #555555;
    --accent-color-tr: rgba(85, 85, 85, 0.9);
    --accent-color-tr2: rgba(85, 85, 85, 0.95);
    --accent-color-light: #666666;
    --danger-color: var(--red);
    --danger-color-deep: #cd4142;
    --success-color: var(--green);
    --success-color-deep: #115111;
    --other-color: var(--blue);
    --other-color-deep: #3d74b3;
    --play-glow-color: var(--purple);
}

:root {
    --github-logo: url("./img/github.webp");
    --site-banner: url("./img/tcoaal-banner.webp");
    --site-home: url("./img/tcoaal-home-fansite.webp");
    --site-title: url("./img/tcoaal-title.webp");
}