/* CSS Variables */

:root {

    /* Hero farby */

    --hero-bg-color: #e7f0e9;

    --hero-title-color: #313422;

    --hero-subtitle-color: #6b7778;

    --hero-text-color: #949d96;

    --hero-secondary-color: #a9b0a9;

    --hero-button-color: #e7f0e9;

    

    /* Background farby */

    --primary-bg: #fefefe;

    --secondary-bg: #f7f9f6;

    --secondary-bg-title-color: #49504a;

    --third-bg: #606c58;

    --third-bg-text-color: #fefefe;

    

    /* Fonty */

    --hero-title-font: 'Montserrat', sans-serif;

    --text-font: 'DM Sans', sans-serif;

}