@font-face {
  font-display: swap;
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 200;
  src: url('/assets/fonts/cairo-v28-latin-200.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 300;
  src: url('/assets/fonts/cairo-v28-latin-300.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/cairo-v28-latin-regular.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 600;
  src: url('/assets/fonts/cairo-v28-latin-600.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 700;
  src: url('/assets/fonts/cairo-v28-latin-700.woff2') format('woff2');
}

:root {
	--c-primary: 250, 170, 40;
	--c-secondary: 250, 100, 10;
	--c-tertiary: 75, 20, 110;
	--c-light: 245, 245, 245;
	--c-dark: 0, 0, 0;
	--c-text: 22, 22, 22;
	--c-background: 255, 255, 255;
	--font-family-base: 'Cairo' !important;
}
[data-bs-theme=dark] {
	--c-text: 245, 245, 245;
	--c-background: 22, 22, 22;
}

.brand {
	width: 100%;
}

html.is-changing mz-header>.home>img {
	transform: scale(1.25);
	opacity: .75;
}
html.is-leaving mz-header>.home>img {
	transform: scale(1);
	opacity: 1;
}

.bg-gradient-primary {
	background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(45deg, #FF4087, #FFC056);
}

mz-footer .network>.brand-h {
  padding: 0 1rem .5rem;
}