@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&display=swap');

:root{
    --primary-color:#00b7ff;
    --primary-color-rgb:0,183,255;
    --alt-color:#046277;
    --dark-color:#212529;
    --dark-color-rgb:33,37,41;
    --light-color:#f4f7fc;
    --light-color-rgb:244,247,252;
    --background-color:#fff;
    --zeta-font:"Roboto",sans-serif;
    --zeta-theme-color-text:#b3b3b3;
}

dialog{
    border-radius:10px;

    &::backdrop{
        background-color:rgba(var(--light-color-rgb),0.75);
    }
}