/*!
 The copyright to the computer program(s) herein is the property
of FarmIQ, New Zealand, e-Spatial and/or other parties (as
applicable). This program(s) may be used and/or copied only with
the written permission from FarmIQ or in accordance with the
terms and conditions stipulated in the agreement/contract under
which the program(s) have been supplied.
*/
:root {
    /*Base colours*/
    --White: #FFFFFF;
    --Black: #111827;
    --Primary: #3D2DF7;

    /*Primary Colours (Indigo)*/
    --Primary-900: #251B94;
    --Primary-800: #3124C6;
    --Primary-700: #3D2DF7;
    --Primary-600: #5042F8;
    --Primary-500: #776CF9;
    --Primary-400: #9E96FB;
    --Primary-300: #C5C0FD;
    --Primary-200: #D8D5FD;
    --Primary-100: #ECEAFE;
    --Primary-050: #F5F4FF;

    /*Mono*/
    --Mono-900: #111827;
    --Mono-800: #292F3D;
    --Mono-700: #374151;
    --Mono-600: #4B5462;
    --Mono-500: #6B7280;
    --Mono-400: #979CA6;
    --Mono-300: #D1D5DB;
    --Mono-200: #E5E7EB;
    --Mono-150: #F0F1F3;
    --Mono-100: #F3F4F6;
    --Mono-050: #F9FAFB;

    /*System Errors*/
    --System-error-900: #7F1D1D;
    --System-error-700: #B91C1C;
    --System-error-500: #EF4444;
    --System-error-100: #FEE2E2;
    --System-error-050: #FEF2F2;

    /*System Warnings*/
    --System-warning-900: #713F12;
    --System-warning-700: #A16207;
    --System-warning-500: #EAB308;
    --System-warning-100: #FFFAEB;
    --System-warning-050: #FEFCE8;

    /*System Success*/
    --System-success-900: #14532D;
    --System-success-700: #15803D;
    --System-success-600: #16A34A;
    --System-success-500: #22C55E;
    --System-success-100: #D1FAE5;
    --System-success-050: #F0FDF4;

    /*Cattle Sky*/
    --Cattle-sky-900: #0C4A6E;
    --Cattle-sky-700: #0369A1;
    --Cattle-sky-500: #0EA5E9;
    --Cattle-sky-200: #BAE6FD;
    --Cattle-sky-050: #F0F9FF;

    /*Sheep Orange*/
    --Sheep-orange-900: #7C2D12;
    --Sheep-orange-700: #C2410C;
    --Sheep-orange-500: #F97316;
    --Sheep-orange-200: #FED7AA;
    --Sheep-orange-050: #FFF7ED;

    /*Deer Teal*/
    --Deer-teal-900: #134E4A;
    --Deer-teal-700: #0F766E;
    --Deer-teal-500: #14B8A6;
    --Deer-teal-200: #99F6E4;
    --Deer-teal-050: #F0FDFA;

    /*Lime*/
    --Lime-900: #365314;
    --Lime-700: #4D7C0F;
    --Lime-500: #84CC16;
    --Lime-200: #D9F99D;
    --Lime-050: #F7FEE7;

    /*Pink*/
    --Pink-900: #831843;
    --Pink-700: #BE185D;
    --Pink-500: #EC4899;
    --Pink-200: #FBCFE8;
    --Pink-050: #FDF2F8;

    /*Blue (Mobile app - old primary colour)*/
    --Blue-900: #1E3A8A;
    --Blue-700: #1D4ED8;
    --Blue-500: #3B82F6;
    --Blue-200: #BFDBFE;
    --Blue-050: #EFF6FF;

    /*Goat */
    --Goat-900: #6B2EBF;
    --Goat-700: #8A46E5;
    --Goat-500: #A855F7;
    --Goat-200: #E6E0FF;
    --Goat-100: #ffffff;
    --Goat-050: #F8F5FF;
}


html {
    font-smooth: always; /* Enable font anti-aliasing */
    -webkit-font-smoothing: antialiased; /* Vendor-prefixed for WebKit browsers */
    -moz-osx-font-smoothing: grayscale; /* Vendor-prefixed for Firefox on macOS */
}

/*Inter Font */
@font-face {
    font-family: "Inter";
    src: url(fonts/Inter-Regular.ttf);
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Inter";
    src: url(fonts/Inter-Bold.ttf);
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Inter";
    src: url(fonts/Inter-VariableFont_slnt,wght.ttf);
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: "Inter";
    src: url(fonts/Inter-VariableFont_slnt,wght.ttf);
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Inter";
    src: url(fonts/Inter-SemiBold.ttf);
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Inter";
    src: url(fonts/Inter-ExtraBold.ttf);
    font-weight: 800;
    font-style: normal;
}


/*Header Styling*/
.headerOne{
    font-weight: 700;
    font-size: 28px;
    color: var(--Mono-900);
}

.headerTwo{
    font-weight: 700;
    font-size: 22px;
    color: var(--Mono-900);
}

.headerThree{
    font-weight: 700;
    font-size: 20px;
    color: var(--Mono-900);
}

.headerFour{
    font-weight: 700 !important;
    font-size: 17px !important;
    color: var(--Mono-900);
}

.headerHero{
    font-weight: 800;
    font-size: 48px;
    color: var(--Primary-900);
}

.headerTitle{
    font-weight: 700;
    font-size: 34px;
    color: var(--Mono-900);
}