:root {

    /* ======================================================
       CORES DA MARCA
    ====================================================== */

    --color-primary: #158963;
    --color-secondary: #034653;
    --color-accent: #f58634;

    --color-action: #158963;
    --color-action-hover: #117454;


    /* ======================================================
       NEUTROS
    ====================================================== */

    --color-bg: #ffffff;
    --color-surface: #f8fafc;

    --color-title: #162033;
    --color-text: #5f6876;

    --color-border: #e7edf4;


    /* ======================================================
       LAYOUT
    ====================================================== */

    --container: 1240px;

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


    /* ======================================================
       ESPAÇAMENTOS
    ====================================================== */

    --section-space: 120px;


    /* ======================================================
       TRANSIÇÕES
    ====================================================== */

    --transition: .25s ease;

}