/* Defaults */
:root {
    --inp-border:#E1E1E1;
    --border:#E8EBF1;

    /* Inputs and colors */
    --input-color: #777777;
    --input-border: rgba(204,204,204,.35);
    --input-border-dark: rgba(204,204,204,.75);
    --input-background-hover: #f6f6f6;
    --input-background: #fff;
    --input-placeholder: #CBD1DC;
    --input-border-focus: #275EFE;

    --a: #39414D;
    --text:#555;
    --text-gray:#999;
    --link:#39414D;
    /*
        --main: #741812;
        --main-hover: #90251e;
        --main-active: rgba(116, 24, 18, 0.5);
    */
    --main: #6DAA51;
    --main-hover: #538a39;
    --main-active: rgba(109, 170, 81, 0.5);

    --red: #ff0000;

    /* Flexbox */
    --gutter-width: 16px;
    --outer-margin: 32px;
    --gutter-compensation: calc((var(--gutter-width) * 0.5) * -1);
    --half-gutter-width: calc((var(--gutter-width) * 0.5));
    --xs-min: 0rem;
    --sm-min: 576px;
    --md-min: 768px;
    --lg-min: 992px;
    --xl-min: 1200px;

    --gap: 16px;
    --gap-s: 10px;
    --gap-b:30px;
    --gap-l:60px;

    --f-h2: 40px;
    --f-h3: 28px;
    --f-h4: 24px;
    --f-h5: 20px;
    --f-h6: 16px;
    --f-s: 10px;

    --height: 44px;

    /* Elems */
    --background-inactive: #eeeeee;
    --background-shadow: #dddddd;
    --svg-inactive: #777777;
    --svg-active: rgb(40,139,27); /* #cfb87c */ /* #ebae10 */ /* rgb(40,139,27) */
    --svg-active-light: #42a734; /* #cfb87c */ /* #ebae10 */ /* rgb(40,139,27) */
}