:root {
    /*PURPLE COLORS*/

    /*primary base*/
    --primary-dk: #5c2e91;
    --primary-md: #92278f;
    --primary-lt: #c6168d;

    /*camp colors*/
    --camp-dk: #2a225a;
    --camp-md: #3d387b;
    --camp-lt: #8781bd;

    /*accent colors*/
    --accent-1: #f15922;
    --accent-1-hover: #a92b31;
    --accent-2: #00aeef;
    --accent-2-hover: #0060af;
    --aoi-text: #0089d0;

    /*filters:*/

    /*primary base filters*/
    --primary-dk-filter: brightness(0) saturate(100%) invert(13%) sepia(49%) saturate(5492%) hue-rotate(264deg) brightness(90%) contrast(80%);
    --primary-md-filter: brightness(0) saturate(100%) invert(19%) sepia(32%) saturate(6632%) hue-rotate(287deg) brightness(88%) contrast(86%);
    --primary-lt-filter: brightness(0) saturate(100%) invert(17%) sepia(55%) saturate(5243%) hue-rotate(306deg) brightness(98%) contrast(89%);

    /*camp colors filters*/
    --camp-dk-filter: brightness(0) saturate(100%) invert(12%) sepia(45%) saturate(2387%) hue-rotate(230deg) brightness(96%) contrast(95%);
    --camp-md-filter: brightness(0) saturate(100%) invert(23%) sepia(72%) saturate(550%) hue-rotate(205deg) brightness(88%) contrast(96%);
    --camp-lt-filter: brightness(0) saturate(100%) invert(55%) sepia(33%) saturate(461%) hue-rotate(206deg) brightness(91%) contrast(92%);

    /*accent colors filters*/
    --accent-1-filter: brightness(0) saturate(100%) invert(42%) sepia(45%) saturate(3928%) hue-rotate(350deg) brightness(99%) contrast(91%);
    --accent-2-filter: brightness(0) saturate(100%) invert(51%) sepia(51%) saturate(2160%) hue-rotate(161deg) brightness(96%) contrast(102%);

    /*buttons:*/

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

    --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);
}