/* CSS custom properties */
:root {

    --color-dark-green: #1F2E31;
    --color-light-green: #A8CAA5;
    --color-mid-green: #5C8162;
    --color-pastel-green: #334F50;
    --color-bright-green:#51C074;

    --color-off-white:#F7F8F3;

    --color-text: #646E70;
    --color-text-inverted: #CCCDCE;
    --color-text-lighter: #99A7A8;
    --color-gray-light:#8F9798;

    --color-border-dark: rgba(31, 46, 49, 0.1);

    --filter-light-green: brightness(0) saturate(100%) invert(95%) sepia(6%) saturate(1310%) hue-rotate(55deg) brightness(87%) contrast(80%);

    --limter-width: 95vw;
    --limiter-max-width: 1800px;

    --limter-main-width: 80vw;
    --limiter-main-max-width: 1375px;

    --nav-logo-height: 2rem;
    --nav-padding-top-bottom:2.25rem;


}