@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root{
    --primary-gradient:linear-gradient(135deg, #182EA6 0%, #0063D8 100%);
    --primary-gradient-hover:linear-gradient(135deg, #0063D8 0%, #182EA6 100%);
    --primary-color:#182EA6;
    --primary-color-w-opacity:#182ea61a;
    --header-bg:linear-gradient(135deg, #0063D8 0%, #182EA6 100%);
    --secondary-color:#0063D8;
    --white-color:#fff;
    --black-color:#000;
    --text-color:#1a1d21;
    --light-color:#efefef;
    --light-color2:#e7eaf6;
    --light-color3:#E8EAF6;
    --light-color4:#D9DCE8;
    --border-color:#d7d7d7;
    --primary-light:rgb(24 46 166 / 10%);
    --yellow-color:#e5b300;
    --green-color:#32962a;
    --red-color:red;
    --lightblue-color:#72bbef;
    --lightpink-color:#f994ba;
    --primary-font: 'Kanit', sans-serif;

    --sidemenu-bg:#efca34;
    --sidemenu-text:#1a1d21;
    --sidemenu-text-hover:#1a1d21;
    --notification-text:#1a1d21;
    --betslip-elements:#1a1d21;
}