/* ---------------------------------------------------------------------- */
/*	cores do projeto
/* ---------------------------------------------------------------------- */
:root {
    --primaryColor: #0000ff;
    --secondaryColor: #f5f3ef;
    --blackColor: #000;
    --graphiteColor: #333;
    --whiteColor: #ffffff;
    --redColor: #ff0000;
    --greenColor: #6b8e6b;
    --grayColor: #e5e5e5;
    --grayColorVariation: #d0d2d3;
    --blueColor: #034287;
    --orangeColor: #ff6600;
    --yellowColor: #d9a13b;
    --yellowColor-2: #f0c26e;
    --skeletonColor: #cfcfcf;
    --boxColor: #fffaf0;
    --boxShadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    --borderInputColor: #a8a9ad;
    --borderRadius: 8px;
    --transition: all 0.15s ease;
    --fontWeight: 400;
    --fontSize: 0.875rem;
    --fontSize20: 1.25rem;
    --bgBody: rgba(0, 0, 0, 0.1);

    --borderContainer: oklch(92% 0.004 286.32);
    --boxShadowInsetSoft:
        inset 0 1px 4px rgba(0, 0, 0, 0.08), inset 0 2px 1px rgba(0, 0, 0, 0.02);
}