:root {
    --text-color-light: #fff;
    --text-color-dark: #00557f;
    --text-muted: #99bbcc;

    --primary-btn-text-color: #00557f;

    --container-bg-color: #00557f;
    --primary-color: #ffffff;
    --secondary-color: #44789d;

    --menu-open-bg-image: radial-gradient(circle at 0% 0%, rgba(0, 85, 127, 0.3), rgba(0, 85, 127, 0.35) 36%, #00557f 73%);
    --menu-closed-bg-image: linear-gradient(to right, rgba(0, 85, 127, 0) 25%, rgba(0, 85, 127, 0.57) 62%, #00557f 100%), linear-gradient(to bottom, rgba(0, 85, 127, 0) 44%, rgba(0, 85, 127, 0.75) 76%, rgba(0, 85, 127, 0.92) 82%, #00557f 94%);

    --splash-bg-image: url(/assets/alhadath/splash-screen.jpg);

    /*Player theme*/
    --player-progress-color: #ee212e;
    --player-progress-bg: rgba(255, 255, 255, 0.2);
    --player-overlay-bg: linear-gradient(to bottom, rgba(68, 120, 157, 0.1), rgba(0, 85, 127, 0.62) 50%, rgba(0, 85, 127, 0.9));
}