/* ---------------------------------------------------------------------- */
/*	cores do projeto */
/* ---------------------------------------------------------------------- */

:root {
    /*
    project colors
    */

    --primaryColor: #2c5c44;
    --primaryColor-2: #2d3451;
    --primaryColor-3: #28b155;

    --backgroundColor: #fcfcfc;
    --graphiteColor: #333;
    --whiteColor: #f9fafb;
    --redColor: #c90101;
    --redColorRGB: 201, 1, 1;
    --greenColor: #6b8e6b;
    --greenColorRGB: 107, 142, 107;
    --grayColor: #e5e6e7;
    --grayColor-2: #d0d2d3;
    --blueColor: #034287;
    --skeletonColor: #cfcfcf;
    --boxColor: #fffaf0;
    --yellowColor: #d9a13b;
    --yellowColor-2: #f0c26e;

    /* others vars */
    --boxShadow: 0 4px 8px rgba(0, 0, 0, 0.25);
    --boxShadowLi: 0 1px 3px rgba(0, 0, 0, 0.06);
    --borderInputColor: rgba(255, 255, 255, 0.12);
    --borderRadius: 0.25rem;
    --transition: all 0.15s ease;
    --fontWeight: 400;
    --fontSize: 0.875rem;
    --flashmessage_bg_close_button: rgba(0, 0, 0, 0.8);
    --borderContainer: oklch(92% 0.004 286.32);
    --bgDivFenceGray: rgba(0, 0, 0, 0.05);
    --bgDivFenceBlack: rgba(0, 0, 0, 0.15);

    --boxShadowInsetSoft:
        inset 0 1px 4px rgba(0, 0, 0, 0.08), inset 0 2px 1px rgba(0, 0, 0, 0.02);
    --boxShadowInsetSoft-2:
        inset 0 1px 4px rgba(0, 0, 0, 0.08), 0 3px 4px rgba(0, 0, 0, 0.08);
}