/* ==========================================================
   FIGUEIREDO CONSULTORIA V2
   Variables
========================================================== */

:root{

    /* ======================================================
       COLORS
    ====================================================== */

    --color-primary:#184785;
    --color-primary-light:#184785;
    --color-primary-dark:#184785;

    --color-white:#FFFFFF;

    --color-background:#F7F9FC;

    --color-surface:#FFFFFF;

    --color-text:#184785;

    --color-text-light: #475467;

    --color-border:#E4E7EC;

    --color-success:#12B76A;

    --color-warning:#F79009;

    --color-danger:#F04438;



    /* ======================================================
       TYPOGRAPHY
    ====================================================== */

    --font-primary:'Lato',sans-serif;



    /* ======================================================
       FONT SIZE
    ====================================================== */

    --fs-xs:0.75rem;

    --fs-sm:0.875rem;

    --fs-md:1.1rem;

    --fs-lg:1.125rem;

    --fs-xl:1.5rem;

    --fs-2xl:2rem;

    --fs-3xl:3rem;

    --fs-4xl:4rem;



    /* ======================================================
       FONT WEIGHT
    ====================================================== */

    --fw-light:300;

    --fw-regular:400;

    --fw-medium:500;

    --fw-semibold:600;

    --fw-bold:700;

    --fw-black:900;



    /* ======================================================
       SPACING
    ====================================================== */

    --space-1:0.25rem;

    --space-2:0.5rem;

    --space-3:0.75rem;

    --space-4:1rem;

    --space-5:1.5rem;

    --space-6:2rem;

    --space-7:3rem;

    --space-8:4rem;

    --space-9:6rem;



        /* ======================================================
       BORDER RADIUS
    ====================================================== */

    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-xl: 24px;

    /* ======================================================
       SHADOW
    ====================================================== */

    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 10px 30px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.12);

    /* ======================================================
       TRANSITION
    ====================================================== */

    --transition: 0.3s ease;
}