@import url('components/accordion.css');
@import url('components/buttons.css');
@import url('components/contactus.css');
@import url('components/container.css');
@import url('components/home.css');
@import url('components/leftmenu.css');
@import url('components/lint.css');
@import url('components/login.css');
@import url('components/marquee.css');
@import url('components/modal.css');
@import url('components/overwrites.css');
@import url('components/pricing.css');
@import url('components/servecentre.css');
@import url('components/typography.css');

:root {
    --base-primary-color: #2560A6;
    --base-secondary-color: #FFA500;
    /*--color-primary: oklch(from var(--base-primary-color) calc(l * 1.2) c h);*/
    --color-primary: oklch(from var(--base-primary-color) l c h);
    --color-primary-hover: oklch( from var(--base-primary-color) calc(l * 2) calc(c * 3) h );
    --color-secondary: oklch(from var(--base-secondary-color) l c h);
    --color-secondary-hover: oklch( from var(--base-secondary-color) calc(l * 2) calc(c * 3) h );
    --color-secondary-matte: oklch(from var(--base-secondary-color) l c h / 0.7);
    --text-color: #f0f0f0;
    /*------------------------------------------*/


    --color-beige-0: #f2dea6;
    --color-beige-1: #d4c18e;
    --color-grey-0: #f2f2f2;
    --color-grey-1: #bcbdc0;
    --color-grey-2: #4d4d4d;
    --color-grey-3: #414042;
    --color-white: #ffffff;
    --color-black: #000000;
}


/* Attempting to get the sticky to work for the search input (serve centres) */
/*body, html {
    overflow: visible !important;
    height: auto !important;
}*/

/* Reset any container that might be wrapping your content */
/*.container, .main-content, main {
    overflow: visible !important;
}*/