:root {
	--brand-primary: #006699;
	--brand-green: #7cc724;
}

[data-color-scheme="light"] {
	--color-iris1: color-mix(in srgb, white 96%, var(--brand-primary));
	--color-iris2: color-mix(in srgb, white 92%, var(--brand-primary));
	--color-iris3: color-mix(in srgb, white 86%, var(--brand-primary));
	--color-iris4: color-mix(in srgb, white 78%, var(--brand-primary));
	--color-iris5: color-mix(in srgb, white 70%, var(--brand-primary));
	--color-iris6: color-mix(in srgb, white 60%, var(--brand-primary));
	--color-iris7: color-mix(in srgb, white 46%, var(--brand-primary));
	--color-iris8: color-mix(in srgb, white 28%, var(--brand-primary));
	--color-iris9: var(--brand-primary);
	--color-iris10: color-mix(in srgb, black 10%, var(--brand-primary));
	--color-iris11: color-mix(in srgb, black 18%, var(--brand-primary));
	--color-iris12: color-mix(in srgb, black 42%, var(--brand-primary));

	--color-grass1: color-mix(in srgb, white 96%, var(--brand-green));
	--color-grass2: color-mix(in srgb, white 92%, var(--brand-green));
	--color-grass3: color-mix(in srgb, white 84%, var(--brand-green));
	--color-grass4: color-mix(in srgb, white 74%, var(--brand-green));
	--color-grass5: color-mix(in srgb, white 64%, var(--brand-green));
	--color-grass6: color-mix(in srgb, white 52%, var(--brand-green));
	--color-grass7: color-mix(in srgb, white 38%, var(--brand-green));
	--color-grass8: color-mix(in srgb, white 20%, var(--brand-green));
	--color-grass9: var(--brand-green);
	--color-grass10: color-mix(in srgb, black 8%, var(--brand-green));
	--color-grass11: color-mix(in srgb, black 18%, var(--brand-green));
	--color-grass12: color-mix(in srgb, black 52%, var(--brand-green));
}

[data-color-scheme="dark"] {
	--color-iris1: color-mix(in srgb, black 86%, var(--brand-primary));
	--color-iris2: color-mix(in srgb, black 82%, var(--brand-primary));
	--color-iris3: color-mix(in srgb, black 72%, var(--brand-primary));
	--color-iris4: color-mix(in srgb, black 64%, var(--brand-primary));
	--color-iris5: color-mix(in srgb, black 56%, var(--brand-primary));
	--color-iris6: color-mix(in srgb, black 48%, var(--brand-primary));
	--color-iris7: color-mix(in srgb, black 40%, var(--brand-primary));
	--color-iris8: color-mix(in srgb, black 30%, var(--brand-primary));
	--color-iris9: var(--brand-primary);
	--color-iris10: color-mix(in srgb, white 10%, var(--brand-primary));
	--color-iris11: #4791b6;
	--color-iris11: color-mix(in srgb, white 28%, var(--brand-primary));
	--color-iris12: color-mix(in srgb, white 76%, var(--brand-primary));

	--color-grass1: color-mix(in srgb, black 88%, var(--brand-green));
	--color-grass2: color-mix(in srgb, black 84%, var(--brand-green));
	--color-grass3: color-mix(in srgb, black 74%, var(--brand-green));
	--color-grass4: color-mix(in srgb, black 66%, var(--brand-green));
	--color-grass5: color-mix(in srgb, black 58%, var(--brand-green));
	--color-grass6: color-mix(in srgb, black 50%, var(--brand-green));
	--color-grass7: color-mix(in srgb, black 42%, var(--brand-green));
	--color-grass8: color-mix(in srgb, black 32%, var(--brand-green));
	--color-grass9: var(--brand-green);
	--color-grass10: color-mix(in srgb, white 10%, var(--brand-green));
	--color-grass11: color-mix(in srgb, white 22%, var(--brand-green));
	--color-grass12: color-mix(in srgb, white 72%, var(--brand-green));

	--color-primary1: var(--color-iris1);
    --color-primary2: var(--color-iris2);
    --color-primary3: var(--color-iris3);
    --color-primary4: var(--color-iris4);
    --color-primary5: var(--color-iris5);
    --color-primary6: var(--color-iris6);
    --color-primary7: var(--color-iris7);
    --color-primary8: var(--color-iris8);
    --color-primary9: var(--color-iris9);
    --color-primary10: var(--color-iris10);
	--color-primary11: #4791b6;
    --color-primary11: var(--color-iris11);
    --color-primary12: var(--color-iris12);
}

.lts-footer {
    background-color: var(--color-iris4);
    color: var(--color-iris11);
    padding: 1rem;
}

.lts-home-choice {
    display: flex;
    column-gap: var(--space-larger);
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}

.lts-home-choice a.lts-choice {
    background-color: var(--color-iris4);
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.lts-secondary {
    background-color: var(--brand-green);
	color: white;
}



.lts-home-help {
	display: grid;
	gap:  var(--space-small);
	grid-template-columns: 1fr;
}

.lts-home-help div {
    background-color: var(--color-iris4);
    padding: 1rem;
    margin: var(--space-large) var(--space-medium);
}


@media (min-width: 768px) {
	.lts-home-help {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.header__title img {
    max-height: 1.5rem;
}