:root {
    /*GREEN COLORS*/

    /*primary base*/
    --primary-dk: #006b6b;
    --primary-md: #01a490;
    --primary-lt: #20bdbe;

    /*camp colors*/
    --camp-dk: #003838;
    --camp-md: #0c553f;
    --camp-lt: #6c8059;

    /*accent colors*/
    --accent-1: #fcaf17;
    --accent-2: #00aeef;

    /*filters:*/

    /*primary base filters*/
    --primary-dk-filter: brightness(0) saturate(100%) invert(25%) sepia(79%) saturate(1541%) hue-rotate(154deg) brightness(90%) contrast(101%);
    --primary-md-filter: brightness(0) saturate(100%) invert(35%) sepia(100%) saturate(1180%) hue-rotate(146deg) brightness(96%) contrast(99%);
    --primary-lt-filter: brightness(0) saturate(100%) invert(57%) sepia(70%) saturate(476%) hue-rotate(131deg) brightness(95%) contrast(90%);

    /*camp colors filters*/
    --camp-dk-filter: brightness(0) saturate(100%) invert(20%) sepia(13%) saturate(3888%) hue-rotate(137deg) brightness(88%) contrast(107%);
    --camp-md-filter: brightness(0) saturate(100%) invert(22%) sepia(35%) saturate(1324%) hue-rotate(117deg) brightness(96%) contrast(91%);
    --camp-lt-filter: brightness(0) saturate(100%) invert(49%) sepia(21%) saturate(548%) hue-rotate(48deg) brightness(92%) contrast(84%);

    /*accent colors filters*/
    --accent-1-filter: brightness(0) saturate(100%) invert(78%) sepia(44%) saturate(3197%) hue-rotate(345deg) brightness(103%) contrast(102%);
    --accent-2-filter: brightness(0) saturate(100%) invert(56%) sepia(60%) saturate(2038%) hue-rotate(158deg) brightness(90%) contrast(110%);

    /*buttons:*/

    --primary-btn-text: var(--black);
    --accent-1-btn-text: var(--black);
}