@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Unbounded:wght@200..900&display=swap');

:root {
    --std-background: rgb(5,18,36);
    --std-foreground: rgb(242, 242, 242);
    --std-hiliteback: #E4F53B;
    --std-hilitefore: rgb(20, 20, 20);
    --std-background2: rgb(240, 240, 240);
    --std-background3: #E4F53B;
    --std-foreground2: rgb(20, 20, 20);
    --std-foreground3: #F2F2F2;
    --std-emphasis1: rgb(230, 130, 230);
    --std-emphasis2: rgb(1,1,1);
    --std-danger: rgb(255, 0, 0);
    --std-light: rgb(255, 255, 255);
    --std-info: azure;
    --std-deleted-b: rgb(220, 220, 220);
    --std-deleted-f: rgb(140,140,140);
    --gbl-border-radius: 0.35rem;
    --black: #000;
    --white: #fff;
    --dark-grey: #092838;
    --light-grey: #6C757D;
    --soft-grey: #E3E3E3;
    --primary: #051224;
    --secondary: #5e9aed;
    --green: #00AB07;
    --yellow: #FFC700;
    --red: #DE1600;
    --primary-font: "Unbounded", sans-serif;
    --secondary-font: "Dm Sans", sans-serif;
    --border-radius-new: 20px;
    --border-solid: 1px;
    --border-color: #E3E3E3;
    --box-shadow: 0px 0px 20px #c3c3c3;
    --dark-gradient: linear-gradient(169deg, #020f21 0%, #061b34 35%);
    --sidebar-gradient: linear-gradient(173deg, rgba(5,18,36,1) 0%, rgba(1,47,109,1) 78%);
    --background-image: url(/content/images/atp-firstpagesmoke.jpg);
    --background-gradient: linear-gradient(173deg, rgba(5, 18, 36, 1) 0%, rgba(1, 47, 109, 1) 78%);
    --hover-gradient: linear-gradient(173deg, rgba(5, 18, 36, 1) 0%, rgba(1, 47, 109, 1) 78%);
    --btn-tennis-hover-color: #ffffff;
}