/*  THEME: DEFAULT
//////////////////////////////////////////////////////////////////////////////*/

@layer theme {
    .section--header .component--nav-top {
        background-color: var(--color-red-500);
        color: var(--color-red-100);
    }
    .section--header .component--nav-main {
        color: var(--color-neutral-600);
        background-color: var(--color-neutral-100);
    }
    .section--header .component--nav-mobile {
        background-color: var(--color-red-500);
        color: var(--color-red-100);
    }
    @media (max-width: 720px) {
        .menu-nav-mobile-container {
            box-shadow: var(--box-shadow);
        }
    }
    .section--main {
        background-color: var(--color-white);
        box-shadow: var(--box-shadow);
    }
    @media (max-width: 720px) {
        .section--main {
            box-shadow: none;
        }
    }
    .section--footer {
        background-color: var(--color-green-600);
        color: var(--color-green-900);
        font-size: var(--font-size-s);
        line-height: var(--line-height-s);
        font-weight: 500;
    }
    .section--footer a {
        color: var(--color-green-900);
    }
    .section--footer a:hover {
        color: var(--color-white);
        text-decoration-color: var(--color-white);
    }
    .section--footer .component--meta {
        background-color: var(--color-green);
    }
    .section--footer .component--meta a:hover {
        color: inherit;
        text-decoration-color: inherit;
    }

    @media (min-width: 1220px) {
    }
}