:root {
    /*BLUE COLORS*/

    /*primary base*/
    --primary-dk: #0060af;
    --primary-md: #0089d0;
    --primary-lt: #00aeef;

    /*camp colors*/
    --camp-dk: #002f62;
    --camp-md: #004a7c;
    --camp-lt: #5095b3;

    /*accent colors*/
    --accent-1: #c6168d;
    --accent-1-hover: #5c2e91;
    --accent-2: #20bdbe;
    --accent-2-hover: #006b6b;
    --aoi-text: #01a490;

    /*filters:*/

    /*primary base filters*/
    --primary-dk-filter: brightness(0) saturate(100%) invert(21%) sepia(61%) saturate(3083%) hue-rotate(191deg) brightness(99%) contrast(102%);
    --primary-md-filter: brightness(0) saturate(100%) invert(35%) sepia(86%) saturate(3056%) hue-rotate(179deg) brightness(96%) contrast(101%);
    --primary-lt-filter: brightness(0) saturate(100%) invert(47%) sepia(98%) saturate(1789%) hue-rotate(163deg) brightness(100%) contrast(101%);

    /*camp colors filters*/
    --camp-dk-filter: brightness(0) saturate(100%) invert(12%) sepia(70%) saturate(2848%) hue-rotate(198deg) brightness(89%) contrast(101%);
    --camp-md-filter: brightness(0) saturate(100%) invert(14%) sepia(62%) saturate(4053%) hue-rotate(190deg) brightness(98%) contrast(100%);
    --camp-lt-filter: brightness(0) saturate(100%) invert(50%) sepia(49%) saturate(382%) hue-rotate(153deg) brightness(97%) contrast(99%);

    /*accent colors filters*/
    --accent-1-filter: brightness(0) saturate(100%) invert(18%) sepia(100%) saturate(3019%) hue-rotate(305deg) brightness(85%) contrast(98%);
    --accent-2-filter: brightness(0) saturate(100%) invert(73%) sepia(89%) saturate(430%) hue-rotate(122deg) brightness(78%) contrast(89%);

    /*buttons:*/

    --primary-btn-text: var(--black);

    --accent-1-btn-text: var(--white);
    --accent-1-hover-btn-text: var(--white);

    --accent-2-btn-text: var(--black);
    --accent-2-hover-btn-text: var(--white);
}