:root {
    /* font-size: 62.5%; */
    --loader-clr: rgba(225, 230, 239, 1);
	--loader-accent-clr: #ABAEFF;
    
    --base-font: 'Erply Ladna', sans-serif;
    --light-grey1-clr: #E1E6EF;
    --light-grey2-clr: #F1F3F9;
    --light-grey3-color: #F8F9FC;
    --radius: 4px;
    --drk-text-clr: #1D2433;
    --light-color: #F1F3F9;
    --green-color: #5ABB7A;
    --white-clr: #FFFFFF;
    --drk-blue-clr: #0A253C;

    --danger: #E0593E;
    --danger-bg: #FFEFEC;
    --transition: all 0.13s cubic-bezier(0.79, 0.33, 0.14, 0.53);
    --transition-drawer: all 0.25s cubic-bezier(0.79, 0.33, 0.14, 0.53);

    --sales-bg-clr: #F8F9FC;
    --sidebar-link-active: rgba(232, 235, 240, 1);
    --sidebar-width: 360px;

    --btn-clr: rgba(22, 110, 232, 1);
    --dark-clr: rgba(10, 37, 60, 1);
    --font: 'Erply Ladna', sans-serif;
    --ova-background: #fff;

    --underline: rgba(61, 138, 246, 1);

    --border-style: solid;

    --xs-border-thickness: 1px;

    /* font sizes */
    --fs-1: .875rem;
    --fs-2: .75rem;

    /* paddings, margins, gaps */
    --xs2-scope: 4px;
    --xs-scope: 8px;
    --sm-scope: 16px;
    --md-scope: 24px;
    --lg-scope: 32px;
    --xl-scope: 40px;
    --xl2-scope: 48px;

    --xs-rounded: var(--xs2-scope);
    --sm-rounded: 4px;

    --light-clr: #fff;
    --dark-clr: #25252a;
    --light-shadow-clr: rgba(241, 243, 249, 1);
    --dark-shadow-clr: rgba(225, 230, 239, 1);
    --darker-shadow-clr: rgb(0 0 0 / 50%);
    --danger: rgba(224, 89, 62, 1);
    --danger-2: rgba(245, 207, 197, 1);
    --danger-filter: invert(33%) sepia(94%) saturate(7417%) hue-rotate(355deg) brightness(97%) contrast(123%);
    --dark-filter: invert(12%) sepia(11%) saturate(479%) hue-rotate(202deg) brightness(0%) contrast(92%);

    --success: #5ABB7A;
    --success-2: palegreen;
    --success-3: rgba(216, 248, 195, 1);
    --pending: orange;

    --xs3-fsize: 8px;
    --xs2-fsize: 10px;
    --xs-fsize: 12px;
    --sm-fsize: 16px;
    --md-fsize: 18px;
    --lg-fsize: 21px;

    --txt-dark-clr: rgba(29, 36, 51, 1);
    --txt-light-clr: rgba(29, 36, 51, 0.75);
    --txt-light-2-clr: rgba(29, 36, 51, 0.5);

    --breadcrumb-bg: rgba(225, 230, 239, 1);
    --curr-path: rgba(29, 36, 51, 0.75);
    --prev-path: rgba(29, 36, 51, 0.5);

    --scale-tablet: 0.95;
    --scale-mobile: 0.80;
    --scale-desktop: 1;

    --sidebar-specificity:  200;
    --header-specificity:   100;
    --backdrop-specificity: 95;
    --misc-specificity:     90;

    --backdrop-clr: rgb(4 16 27 / 30%);

    --col-start-1: 1;
    --col-start-2: 2;
    --col-start-3: 3;
    --col-start-4: 4;
    --col-start-5: 5;
    --col-start-6: 6;
    --col-start-7: 7;
    --col-start-8: 8;

    /* form fields styling (input, select, textarea) */
    --field-border-clr-1: #bfcbd9d9;
    --field-label-clr-1: rgba(29, 36, 51, 1);
    --field-font-size-1: .75rem;
    --field-font-size-2: .875rem;
    --field-pad-1: 9px;
    --field-pad-2: 6px;
    --field-pad-3: 8px;
    --field-radius-1: 4px;
    --field-min-w-1: 150px;
    --field-weight-1: 400;
    --field-shadow-1: 0;
    --field-bg-1: transparent;

    /* card */
    --card-border-clr-1: rgba(225, 230, 239, 1);
    --card-padding-x: 16px;
    --card-padding-y: 16px;
    --card-bg-clr-1: transparent;
    --card-radius-1: 4px;

    --estimate-page-border-clr: rgba(225, 230, 239, 1);
}

.neo * {
    --field-primary-clr: #000000;
    --field-border-clr-1: #000000;
    --field-label-clr-1: rgba(29, 36, 51, 1);
    --field-radius-1: 12px;
    --field-shadow-1: 5px 5px 0px 0px rgba(0,0,0,1);
    --field-bg-1: #EF8CB6;

    /* card */
    --card-border-clr-1: #000000;
    --card-bg-clr-1: transparent;
    --card-radius-1: 12px;
    --card-shadow-1: 5px 5px 0px 0px rgba(0,0,0,1);

    --estimate-page-border-clr: #000000;
}