:root {
    --green: #3b9656;
    --red: rgb(140, 38, 38);

    --dark-green: #008000ff;
    --purple: #793A92;
    --yellow: #D0BC4E;
    --blue: #313B72;
    --orange: #CC4E00;
    --cyan: #16A286;

    --male-blue: #5f96c9;
    --female-pink: #f69ae1;
    --employee-blue: #4b729f;
    --employee-red: #b9526b;

    /* district colors */
    --district-1: #40cc33ff;
    --district-2: #cc3366ff;
    --district-3: #cc7333ff;
    --district-4: #bf33ccff;
    --district-5: #338cccff;

    --light-blue: #2a819c;

    /* district colors */
    --district-water: #3771c8ff;
    --district-park: #2ca02cff;

    /* unit colors */
    --policy-makers-environmental: var(--dark-green);
    --policy-makers-economic: var(--orange);
    --policy-makers-public_services: var(--blue);
    --policy-makers-data_security: var(--cyan);

    /* plain colors */
    --white: rgba(255, 255, 255, 1);
    --light: rgba(248, 248, 248, 1);
    --dark: rgba(16, 16, 16, 1);
    --dark-light: rgba(48, 48, 48, 1);
    --dark-alpha: rgba(16, 16, 16, 0.6);
    --gray-alpha: rgba(52, 24, 24, 0.05);
    --gray: rgba(232, 232, 232, 1);

    /* text colors */
    --text: var(--dark);
    --text-light: var(--dark-light);
    --text-inactive: var(--dark-alpha);

    /* element colors */
    --nav-color: var(--light);
    --footer-color: var(--light);
    --link: var(--light-blue);

    /* font */
    --main-font: 'Outfit';
    --news-font: "Noticia Text";
    --brand-font: var(--main-font);

    /* sizes */
    --page-w: 768px;
}