:root {
	--bg-primary: var(--color-neutral-0);
	--bg-secondary: var(--color-neutral-50);
	--bg-secondary--shade--one: var(--color-green-50);
	--bg-secondary--shade--two: var(--color-teal-50);
	--bg-tertiary: var(--color-neutral-100);
	--bg-report-title: var(--color-neutral-0);

	--hairline-regular: var(--color-neutral-300);
	--hairline-regular--shade--one: var(--color-neutral-300);
	--hairline-regular--shade--two: var(--color-neutral-300);
	--hairline-regular--shade--three: var(--color-neutral-200);
	--hairline-strong: var(--color-neutral-500);

	--content-primary: var(--color-neutral-0);
	--content-primary--shade--one: var(--color-neutral-100);
	--content-primary--shade--two: var(--color-neutral-200);
	--content-secondary: var(--color-neutral-100);
	--content-tertiary: var(--color-neutral-300);
	--content-tertiary--shade--one: var(--color-neutral-50);

	--font-primary: var(--color-neutral-600);
	--font-primary--shade--one: var(--color-neutral-900);
	--font-primary--shade--two: var(--color-neutral-400);
	--font-primary--shade--three: var(--color-neutral-300); /* Revisar token mal utilizado */
	--font-primary--shade--four: var(--color-neutral-300);
	--font-secondary: var(--color-neutral-0);

	--brand-primary: var(--color-green-500);
	--brand-primary--background: var(--color-green-100);
	--brand-primary--background--two: var(--color-green-200);
	--brand-primary--content: var(--color-green-50);
	--brand-primary--shade--one: var(--color-green-600);
	--brand-primary--shade--two: var(--color-green-300);
	--brand-primary--shade--three: var(--color-teal-100);
	--brand-primary--shade--four: var(--color-green-50);
	--brand-primary--shade--five: var(--color-green-400);
	--brand-accent: var(--color-violet-800);
	--brand-accent--shade--one: var(--color-violet-700);

	--brand-primary-filter: brightness(0) saturate(100%) invert(57%) sepia(29%) saturate(835%) hue-rotate(90deg) brightness(90%) contrast(93%);
	
	--link-primary: var(--color-sky-500);

	--ok-primary--background: var(--color-lime-100);

	--info-primary: var(--color-sky-500);
	--info-primary--background: var(--color-sky-100);

	--danger-primary: var(--color-red-500);
	--danger-primary--background: var(--color-red-100);

	--warning-primary: var(--color-yellow-500);
	--warning-primary--background: var(--color-yellow-100);

	--box-shadow: 0px 0px 8px rgba(73, 87, 105, .16);
	--box-shadow--small: 0px 0px 4px rgba(73, 87, 105, .24);
	--border-radius: 8px;
	--border-radius--small: 4px;
	--border-radius--circle: 50%;

	--font-size-big: 24px;
	--font-size-medium: 16px;
	--font-size-small: 12px;

	--font-family-primary: 'Gilroy';
	--font-family-secondary: 'Arial';

	--letter-spacing: 0.5px;

	/* Especifico para tela de produtos */
	--tag-background-produtos: #FFFBE1;
	--tag-border-produtos: #D6CE95;
	--tag-color-produtos: #3D3F33;

	--tag-slot-background-produtos: #FFFBE1;
	--tag-slot-border-produtos: #D6CE95;
	--tag-slot-color-produtos: #3D3F33;

	/*Variáveis que serão removidas com a atualização das telas antigas*/

	--bg-primary-tela-preferencias: #FFFFFF;
	--bg-secundary-tela-preferencias: #DEECF2;
	--bg-container-ticket: #FFFFFF;
	--bg-followup: #e4f2e9;
	--bg-subtotal-relatorio: #f2f2f2;

	--bg-painel-relatorios: #E7ECF4;

	--bg-old-container: #EEEEEE;

	--bg-old-side-bar: #E6E6E6;
	--bg-old-side-bar--shade--one: #DEE3E4;

	--bg-ticket-type: #D6D6D6;

	--font-strong-title: #000000;

	--font-title-side-bar: #B3B1B2;

	--border-item-form: #999999;

	--box-shadow-ticket: #DDD;
	
	/*Variáveis que serão removidas com a atualização das telas antigas*/

	/*Exclusivo da bling conta*/
	--content-header-boleto-pago: #3F3D3D;
	--box-shadow-boleto-item-pagamento: 0px 6px 6px 3px #00000029;
	--box-shadow-boleto-item-pagamento-before: -15px 0px 8px -10px #00000029 inset;
	--box-shadow-boleto-item-pagamento-after: 15px 0px 8px -10px #00000029 inset;
	/*fim exclusivo da bling conta*/

	/* Especifico para tela de link de pagamento pix */
	--border-pagamento-pix: #5ABA80;
}

.__bling-dark:root {
	--bg-primary: #242526;
	--bg-secondary: #18191A;
	--bg-secondary--shade--one: #242526;
	--bg-secondary--shade--two: #242526;
	--bg-tertiary: #18191A;
	--bg-reports-title: #18191A;

	--hairline-regular: #4B4C4E;
	--hairline-regular--shade--one: #393A3B;
	--hairline-regular--shade--two: #393A3B;
	--hairline-regular--shade--three: #393A3B;
	--hairline-strong: #808080;

	--content-primary: #3A3B3C;
	--content-primary--shade--one: #3A3B3C;
	--content-primary--shade--two: #3A3B3C;
	--content-secondary: #242526;
	--content-tertiary: #3A3B3C;
	--content-tertiary--shade--one: #3A3B3C;

	--font-primary: #E4E6EB;
	--font-primary--shade--one: #FFFFFF;
	--font-primary--shade--two: #969696;
	--font-primary--shade--three: #666666;
	--font-primary--shade--four: #C9D5F5;
	--font-secondary: #FFFFFF;

	--brand-primary--background: #334D44;
	--brand-primary--content: #334D44;
	--brand-primary--shade--three: #5A5C5D;
	--brand-primary--shade--four: #3A3B3C;

	--ok-primary--background: #334D44;

	--info-primary--background: #113A5F;

	--danger-primary--background: #5E1112;

	--warning-primary--background: #5B4B3B;

	--box-shadow: 0px 0px 5px #00000054;

	/* Especifico para tela de produtos */
	--tag-background-produtos: #3a3b3c;
	--tag-border-produtos: #4B4C4E;
	--tag-color-produtos: #FFFFFF;

	--tag-slot-background-produtos: #3a3b3c;
	--tag-slot-border-produtos: #4B4C4E;
	--tag-slot-color-produtos: #FFFFFF;

	/*Variáveis que serão removidas com a atualização das telas antigas*/

	--bg-primary-tela-preferencias: #18191A;
	--bg-secundary-tela-preferencias: #242526;
	--bg-container-ticket: #3A3B3C;
	--bg-followup: #334D44;
	--bg-subtotal-relatorio: #3A3B3C;

	--bg-painel-relatorios: #242526;

	--bg-old-container: #3A3B3C;

	--bg-old-side-bar: #3A3B3C;
	--bg-old-side-bar--shade--one: #3A3B3C;

	--bg-ticket-type: #3A3B3C;

	--font-strong-title: #FFFFFF;

	--font-title-side-bar: #969696;

	--border-item-form: #666666;

	--box-shadow-ticket: #00000029;

	/*Variáveis que serão removidas com a atualização das telas antigas*/

	/*Exclusivo da bling conta*/
	--content-header-boleto-pago: #2c2b2b;
	/*fim exclusivo da bling conta*/
}

@font-face {
	font-family: 'Arial';
	src: url('../font/arial/Arial.woff2') format('woff2'),
		url('../font/arial/Arial.woff') format('woff'),
		url('../font/arial/Arial.ttf');
	font-weight: normal;
}

@font-face {
	font-family: 'Arial';
	src: url('../font/arial/Arial-Bold.ttf');
	font-weight: bold;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../font/gilroy/Gilroy-Regular.woff2') format('woff2'),
		url('../font/gilroy/Gilroy-Regular.woff') format('woff'),
		url('../font/gilroy/Gilroy-Regular.ttf');
	font-weight: normal;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../font/gilroy/Gilroy-Bold.ttf');
	font-weight: bold;
}

@font-face {
	font-family: 'Gilroy-Medium';
	src: url('../font/gilroy/Gilroy-Medium.ttf');
	font-weight: normal;
}