:root{
    --primary-color: #000540;
    --secondary-color: lightgrey;
    --primary-text-on-dark-color: lightgrey;
    --primary-text-on-light-color: #000540;
    --link-color-unclicked:#FFFFFF;

    /* Header */
    --header-background-color-1: var(--primary-color);
    --header-background-color-2: var(--primary-color);
    --company-name-color: var(--primary-text-on-dark-color);
    --phone-color: var(--primary-text-on-dark-color);
    --email-color: var(--primary-text-on-dark-color);
    --mobile-nav-text-color: var(--secondary-color);
    --mobile-nav-background-color: var(--primary-text-on-light-color);
    --reg-nav-text-color: var(--secondary-color);

    /* Service section */
    --services-section-background-color:lightgrey;

    /* Service Card */
    --service-card-background-color:lightgrey;
    --service-card-text-color-notvisited: var(--primary-text-on-light-color);
    --service-card-text-color-visited: var(--primary-text-on-light-color);/*#FFF*/
    --service-card-text-color-hover: var(--service-card-text-color-visited);

    /* Servicepage */
    --service-page-background:var(--primary-color);
    --service-page-text-color: var(--primary-text-on-dark-color);

    /* grid-container-background */
    --grid-container-background:var(--primary-color);
}