@import url("https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300;400;500;700&display=swap");

:root {
    --bodyfont: "Fira Sans", sans-serif;
    --headerfont: "Fira Sans", sans-serif;
    --bodytextcolor: #010101;
    --brandcolor: #a0c453;
    --brandcolor-dark: #678d15;
    --brandcolor-active: #93c42b;
    --mutedtextcolor: #383837;
    --footer-bg: #1E1E1E;
    --footer-text-muted: #bbbaba;
    --linkcolor: #0b5599;
    --header-h1-color: #333;
    --header-h2-color: #333;
    --header-h3-color: #333;
    --header-h4-color: #333;
    --header-h5-color: #333;
    --header-h6-color: #333;
    --label-text: #515150;
    --hotlot-time-left-color: #a58011;
    --offer-btn: #537cc0;
    --offer-btn-active: #6092e0;
    --secondarycolor: #0f0151;
    --secondarycolor-lighter: #160560;
    --thirdcolor: #f6c300;
    --lightcolor: #f3f3f3;
    --lightcolor-darker: #cccccc;
    --blue: #007AC3;
    --blue-dark: #005B92;
    --blue-light: #409BD2;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffd65a;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #868e96;
    --gray-dark: #343a40;
    --primary: rgb(19, 95, 131);
    --secondary: #868e96;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffd65a;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --gray-100: #f8f9fa;
    --gray-200: #e9ecef;
    --gray-300: #dee2e6;
    --gray-400: #ced4da;
    --gray-500: #adb5bd;
    --gray-600: #868e96;
    --gray-700: #495057;
    --gray-800: #343a40;
    --gray-900: #212529;
    --follow: #000;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: "Roboto", sans-serif;
    --font-family-monospace: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}