/* ======================================================
   DARK THEME — RED EYE DESIGN SYSTEM
   ====================================================== */

/* ======================================================
   DARK MODE TOKENS
   ====================================================== */

body.dark__mode,
.dark__mode {
	--bg-body: var(--color-black-9);
	--bg-surface: var(--color-black-8);
	--bg-muted: var(--color-black-7);
	--bg-dark: var(--color-black-10);
	--bg-brand: var(--color-red-main);

	--text-primary: var(--color-black-1);
	--text-secondary: var(--color-black-2);
	--text-muted: var(--color-black-4);
	--text-light: var(--color-white);
	--text-brand: var(--color-yellow-main);

	--color-border-light: rgba(255, 255, 255, 0.08);
	--color-border-medium: rgba(255, 255, 255, 0.16);
	--color-border-dark: rgba(255, 255, 255, 0.32);
}

/* ======================================================
   DARK TEXT UTILITIES
   ====================================================== */

/* White / Black */

.dark__mode .color__white_dark {
	color: var(--color-white) !important;
}

.dark__mode .color__black_dark {
	color: var(--color-black) !important;
}

/* Black / Gray Scale */

.dark__mode .color__black_1_dark {
	color: var(--color-black-1) !important;
}

.dark__mode .color__black_2_dark {
	color: var(--color-black-2) !important;
}

.dark__mode .color__black_3_dark {
	color: var(--color-black-3) !important;
}

.dark__mode .color__black_4_dark {
	color: var(--color-black-4) !important;
}

.dark__mode .color__black_5_dark {
	color: var(--color-black-5) !important;
}

.dark__mode .color__black_6_dark {
	color: var(--color-black-6) !important;
}

.dark__mode .color__black_7_dark {
	color: var(--color-black-7) !important;
}

.dark__mode .color__black_8_dark {
	color: var(--color-black-8) !important;
}

.dark__mode .color__black_9_dark {
	color: var(--color-black-9) !important;
}

.dark__mode .color__black_10_dark {
	color: var(--color-black-10) !important;
}

.dark__mode .color__black_11_dark {
	color: var(--color-black-11) !important;
}

/* Red Scale */

.dark__mode .color__red_main_dark {
	color: var(--color-red-main) !important;
}

.dark__mode .color__red_1_dark {
	color: var(--color-red-1) !important;
}

.dark__mode .color__red_2_dark {
	color: var(--color-red-2) !important;
}

.dark__mode .color__red_3_dark {
	color: var(--color-red-3) !important;
}

.dark__mode .color__red_4_dark {
	color: var(--color-red-4) !important;
}

.dark__mode .color__red_5_dark {
	color: var(--color-red-5) !important;
}

.dark__mode .color__red_6_dark {
	color: var(--color-red-6) !important;
}

.dark__mode .color__red_7_dark {
	color: var(--color-red-7) !important;
}

.dark__mode .color__red_8_dark {
	color: var(--color-red-8) !important;
}

.dark__mode .color__red_9_dark {
	color: var(--color-red-9) !important;
}

.dark__mode .color__red_10_dark {
	color: var(--color-red-10) !important;
}

/* Yellow Scale */

.dark__mode .color__yellow_main_dark {
	color: var(--color-yellow-main) !important;
}

.dark__mode .color__yellow_1_dark {
	color: var(--color-yellow-1) !important;
}

.dark__mode .color__yellow_2_dark {
	color: var(--color-yellow-2) !important;
}

.dark__mode .color__yellow_3_dark {
	color: var(--color-yellow-3) !important;
}

.dark__mode .color__yellow_4_dark {
	color: var(--color-yellow-4) !important;
}

.dark__mode .color__yellow_5_dark {
	color: var(--color-yellow-5) !important;
}

.dark__mode .color__yellow_6_dark {
	color: var(--color-yellow-6) !important;
}

/* Blue Scale */

.dark__mode .color__blue_light_dark {
	color: var(--color-blue-light) !important;
}

.dark__mode .color__blue_soft_dark {
	color: var(--color-blue-soft) !important;
}

.dark__mode .color__blue_main_dark {
	color: var(--color-blue-main) !important;
}

.dark__mode .color__blue_dark_dark {
	color: var(--color-blue-dark) !important;
}

/* Surface Colors */

.dark__mode .color__surface_dark_mode {
	color: var(--color-surface) !important;
}

.dark__mode .color__surface_soft_dark {
	color: var(--color-surface-soft) !important;
}

.dark__mode .color__surface_dark_dark {
	color: var(--color-surface-dark) !important;
}

/* Secondary Accents */

.dark__mode .color__secondary_1_dark {
	color: var(--secondary-1) !important;
}

.dark__mode .color__secondary_2_dark {
	color: var(--secondary-2) !important;
}

.dark__mode .color__secondary_3_dark {
	color: var(--secondary-3) !important;
}

.dark__mode .color__secondary_4_dark {
	color: var(--secondary-4) !important;
}

.dark__mode .color__secondary_5_dark {
	color: var(--secondary-5) !important;
}

/* ======================================================
   DARK BACKGROUND UTILITIES
   ====================================================== */

/* White / Black */

.dark__mode .bg__white_dark {
	background-color: var(--color-white) !important;
}

.dark__mode .bg__black_dark {
	background-color: var(--color-black) !important;
}

/* Black / Gray Scale */

.dark__mode .bg__black_1_dark {
	background-color: var(--color-black-1) !important;
}

.dark__mode .bg__black_2_dark {
	background-color: var(--color-black-2) !important;
}

.dark__mode .bg__black_3_dark {
	background-color: var(--color-black-3) !important;
}

.dark__mode .bg__black_4_dark {
	background-color: var(--color-black-4) !important;
}

.dark__mode .bg__black_5_dark {
	background-color: var(--color-black-5) !important;
}

.dark__mode .bg__black_6_dark {
	background-color: var(--color-black-6) !important;
}

.dark__mode .bg__black_7_dark {
	background-color: var(--color-black-7) !important;
}

.dark__mode .bg__black_8_dark {
	background-color: var(--color-black-8) !important;
}

.dark__mode .bg__black_9_dark {
	background-color: var(--color-black-9) !important;
}

.dark__mode .bg__black_10_dark {
	background-color: var(--color-black-10) !important;
}

.dark__mode .bg__black_11_dark {
	background-color: var(--color-black-11) !important;
}

/* Red Scale */

.dark__mode .bg__red_main_dark {
	background-color: var(--color-red-main) !important;
}

.dark__mode .bg__red_1_dark {
	background-color: var(--color-red-1) !important;
}

.dark__mode .bg__red_2_dark {
	background-color: var(--color-red-2) !important;
}

.dark__mode .bg__red_3_dark {
	background-color: var(--color-red-3) !important;
}

.dark__mode .bg__red_4_dark {
	background-color: var(--color-red-4) !important;
}

.dark__mode .bg__red_5_dark {
	background-color: var(--color-red-5) !important;
}

.dark__mode .bg__red_6_dark {
	background-color: var(--color-red-6) !important;
}

.dark__mode .bg__red_7_dark {
	background-color: var(--color-red-7) !important;
}

.dark__mode .bg__red_8_dark {
	background-color: var(--color-red-8) !important;
}

.dark__mode .bg__red_9_dark {
	background-color: var(--color-red-9) !important;
}

.dark__mode .bg__red_10_dark {
	background-color: var(--color-red-10) !important;
}

/* Yellow Scale */

.dark__mode .bg__yellow_main_dark {
	background-color: var(--color-yellow-main) !important;
}

.dark__mode .bg__yellow_1_dark {
	background-color: var(--color-yellow-1) !important;
}

.dark__mode .bg__yellow_2_dark {
	background-color: var(--color-yellow-2) !important;
}

.dark__mode .bg__yellow_3_dark {
	background-color: var(--color-yellow-3) !important;
}

.dark__mode .bg__yellow_4_dark {
	background-color: var(--color-yellow-4) !important;
}

.dark__mode .bg__yellow_5_dark {
	background-color: var(--color-yellow-5) !important;
}

.dark__mode .bg__yellow_6_dark {
	background-color: var(--color-yellow-6) !important;
}

/* Blue Scale */

.dark__mode .bg__blue_light_dark {
	background-color: var(--color-blue-light) !important;
}

.dark__mode .bg__blue_soft_dark {
	background-color: var(--color-blue-soft) !important;
}

.dark__mode .bg__blue_main_dark {
	background-color: var(--color-blue-main) !important;
}

.dark__mode .bg__blue_dark_dark {
	background-color: var(--color-blue-dark) !important;
}

/* Surface Colors */

.dark__mode .bg__surface_dark_mode {
	background-color: var(--color-surface) !important;
}

.dark__mode .bg__surface_soft_dark {
	background-color: var(--color-surface-soft) !important;
}

.dark__mode .bg__surface_dark_dark {
	background-color: var(--color-surface-dark) !important;
}

/* Secondary Accents */

.dark__mode .bg__secondary_1_dark {
	background-color: var(--secondary-1) !important;
}

.dark__mode .bg__secondary_2_dark {
	background-color: var(--secondary-2) !important;
}

.dark__mode .bg__secondary_3_dark {
	background-color: var(--secondary-3) !important;
}

.dark__mode .bg__secondary_4_dark {
	background-color: var(--secondary-4) !important;
}

.dark__mode .bg__secondary_5_dark {
	background-color: var(--secondary-5) !important;
}

/* ======================================================
   GLOBAL DARK BASE
   ====================================================== */

body.dark__mode {
	background-color: var(--color-black-9) !important;
	color: var(--color-black-1) !important;
}

.dark__mode .cookies-content {
	background-color: var(--color-black-9) !important;
}

/* ======================================================
   GLOBAL TEXT
   ====================================================== */

.dark__mode h1,
.dark__mode h2,
.dark__mode h3,
.dark__mode h4,
.dark__mode h5,
.dark__mode h6,
.dark__mode p,
.dark__mode li,
.dark__mode span,
.dark__mode strong,
.dark__mode time,
.dark__mode em,
.dark__mode b,
.dark__mode i,
.dark__mode label {
	color: var(--color-black-1);
}

.dark__mode a:not(.btn__acomodacoes):not(.btn__fill):not(.btn__1):not(.btn__amarelo):not(.btn__marrom):not(.tags__list li a):not(.tab button):not(.footer__main ul li a) {
	color: var(--color-black-1);
}

.dark__mode .meta__views,
.dark__mode .meta__info_author,
.dark__mode .meta__info_author time,
.dark__mode .meta__info_author_single,
.dark__mode .meta__info_author_single time,
.dark__mode .flex__cookies p,
.dark__mode label,
.dark__mode label a,
.dark__mode .footer__topo p,
.dark__mode .footer__topo strong,
.dark__mode .footer__main p,
.dark__mode .footer__main strong,
.dark__mode .footer__main ul li a,
.dark__mode .linha_fina_texto {
	color: var(--color-black-2) !important;
}

.dark__mode figcaption,
.dark__mode .single__article_body figcaption,
.dark__mode .single__article_body small {
	color: var(--color-black-4) !important;
}

/* ======================================================
   MAIN BACKGROUNDS — LEVEL 8
   ====================================================== */

.dark__mode .card__loop_horizontal,
.dark__mode .card__newsletter.box__shadow_hover,
.dark__mode.error404 h1 strong,
.dark__mode .box__whatsapp_inline_post,
.dark__mode .redes__sociais_fixed,
.dark__mode .pb-toc,
.dark__mode .pb-summary,
.dark__mode .menu__topo,
.dark__mode .footer__copywriting,
.dark__mode .sem__termos_span,
.dark__mode .ver__mais_top,
.dark__mode .table__of_contents,
.dark__mode .btn__branco,
.dark__mode .img__card_blog,
.dark__mode .single__featured_media figure img,
.dark__mode .img__esquerda_indicadores,
.dark__mode .single__article_body blockquote,
.dark__mode .nome__relacionados_bloco,
.dark__mode .menu__main_hamburguer_wrapper,
.dark__mode .single__theme_toggle,
.dark__mode .fifty__fifty_module .fifty__fifty_inner,
.dark__mode .fifty__fifty_module .fifty__fifty_inner,
.dark__mode .single__author_box,
.dark__mode .single__tags_box {
	background-color: var(--color-black-8) !important;
}

.dark__mode .glossario__lista_a_z a:hover,
.dark__mode .glossario__lista_a_z a.active {
	background-color: var(--color-black-8) !important;
}

/* ======================================================
   MAIN BACKGROUNDS — LEVEL 9
   ====================================================== */

.dark__mode .menu__main_desktop,
.dark__mode .footer,
.dark__mode .faq-conteudo,
.dark__mode .newsletter__grid,
.dark__mode .recaptcha-modal__content {
	background-color: var(--color-black-9) !important;
}

/* ======================================================
   MAIN BACKGROUNDS — LEVEL 6 / 7
   ====================================================== */

.dark__mode .caixa__menu,
.dark__mode .submenu,
.dark__mode .menu__blog_wide,
.dark__mode .menu li::after,
.dark__mode .faq-titulo,
.dark__mode .single__featured_media_label_absolute,
.dark__mode .section__frase_central,
.dark__mode .tabela__comparacao li:not(:first-child),
.dark__mode .div__ads,
.dark__mode .glossario__lista_a_z,
.dark__mode .bookmark__menu_thumb.bookmar_ativado {
	background-color: var(--color-black-7) !important;
}

.dark__mode tr:nth-child(odd) {
	background-color: var(--color-black-8) !important;
}

.dark__mode tr:nth-child(even) {
	background-color: var(--color-black-7) !important;
}

.dark__mode thead tr {
	background-color: var(--color-black-10) !important;
}

.dark__mode tfoot tr {
	background-color: var(--color-red-10) !important;
}

.dark__mode .cta__linha_dupla .linha,
.dark__mode #tags__list li a:hover,
.dark__mode a.bookmark__menu_thumb,
.dark__mode .bookmark__menu_thumb,
.dark__mode .page-numbers {
	background-color: var(--color-black-7) !important;
}

.dark__mode .feed__category_img {
	background-color: var(--color-black-10) !important;
}

/* ======================================================
   COMPONENT BACKGROUNDS
   ====================================================== */

.dark__mode .newsletter__grid {
	background-image: none !important;
	box-shadow: 0 8px 0 var(--color-black-6) !important;
}

.dark__mode .newsletter__grid::before {
	display: none !important;
}

.dark__mode .galeria-embutida {
	background-color: var(--color-black-8) !important;
}

.dark__mode .menu__notificacao {
	background-color: var(--color-black-9) !important;
}

.dark__mode .menu__notificacao::before {
	background: linear-gradient(
		to right,
		color-mix(in srgb, var(--color-black-9) 90%, transparent) 0%,
		color-mix(in srgb, var(--color-black-9) 55%, transparent) 45%,
		rgba(0, 0, 0, 0) 100%
	);
}

.dark__mode .menu__notificacao::after {
	background: linear-gradient(
		to right,
		rgba(0, 0, 0, 0) 0%,
		color-mix(in srgb, var(--color-black-9) 50%, transparent) 56%,
		var(--color-black-9) 89%
	);
}

/* ======================================================
   HOVER / ACTIVE STATES
   ====================================================== */

.dark__mode .card__loop_horizontal:hover {
	background-color: var(--color-black-7) !important;
	border-color: var(--color-black-4) !important;
}

.dark__mode .page-numbers.current,
.dark__mode .page-numbers:hover,
.dark__mode .btn__branco:hover {
	background-color: var(--color-black-8) !important;
}

.dark__mode .has__submenu > a::after,
.dark__mode .dropdown_links__mobile > a::after {
	background-color: var(--color-yellow-main) !important;
}

.dark__mode .menu__blog_wide .current-menu-item a,
.dark__mode #menudesktop .current-menu-item,
.dark__mode .menu__blog_wide a:hover,
.dark__mode .menu__main_desktop a:hover {
	border-color: var(--color-yellow-main) !important;
}

/* ======================================================
   FORMS
   ====================================================== */

.dark__mode input,
.dark__mode textarea,
.dark__mode select {
	background-color: var(--color-black-8) !important;
	border-color: var(--color-black-6) !important;
	color: var(--color-black-1) !important;
}

.dark__mode input::placeholder,
.dark__mode textarea::placeholder {
	color: var(--color-black-4) !important;
}

.dark__mode input:hover,
.dark__mode textarea:hover,
.dark__mode input:focus,
.dark__mode textarea:focus,
.dark__mode select:hover,
.dark__mode select:focus,
.dark__mode .navegacao__itens_inclusos li button {
	border-color: var(--color-black-2) !important;
}

.dark__mode input[type="checkbox"] {
	background-color: transparent !important;
}

/* ======================================================
   BORDERS
   ====================================================== */

.dark__mode hr:not(.menu__mob2 hr),
.dark__mode .newsletter__form input:not([type="range"]),
.dark__mode .menu__main_wrapper,
.dark__mode .letra-section h2,
.dark__mode .header__h1_interno:not(.has-image),
.dark__mode .faq-titulo,
.dark__mode .border__color_black_4_dark {
	border-color: var(--color-black-4) !important;
}

.dark__mode .coluna_mista_espacos li,
.dark__mode .content__list_pages .grid__card_completo,
.dark__mode .ads__between_posts,
.dark__mode .sidebar__block,
.dark__mode .sidebar__top_blog,
.dark__mode .single__tags_box,
.dark__mode .single__author_box,
.dark__mode .box__whatsapp_inline_post,
.dark__mode .redes__sociais_fixed,
.dark__mode .single__reading_control_button,
.dark__mode .single__theme_toggle,
.dark__mode #btnMainMobile,
.dark__mode .btnMenuFavoritos,
.dark__mode .border__padrao {
	border-color: var(--color-black-6) !important;
}

.dark__mode .border__transparent_dark {
	border-color: transparent !important;
}


/* ======================================================
   SINGLE READING TOOLS — DARK MODE
   ====================================================== */

.dark__mode .single__reading_tools {
	color: var(--color-black-1) !important;
}

.dark__mode .single__reading_control_button,
.dark__mode .single__theme_toggle {
	background-color: var(--color-black-8) !important;
	border-color: var(--color-black-6) !important;
	color: var(--color-black-1) !important;
}

.dark__mode .single__reading_control_button.active {
	background-color: var(--color-black-7) !important;
	border-color: var(--color-yellow-main) !important;
	color: var(--color-yellow-main) !important;
}

.dark__mode .single__reading_control_button:hover,
.dark__mode .single__theme_toggle:hover {
	background-color: var(--color-black-7) !important;
	border-color: var(--color-yellow-main) !important;
	color: var(--color-yellow-main) !important;
}

.dark__mode .single__theme_toggle_icon {
	filter: none !important;
}

/* ======================================================
   BUTTONS
   ====================================================== */

.dark__mode .btn__1 {
	background-color: var(--color-black-7) !important;
	color: var(--color-white) !important;
}

.dark__mode .btn__1:hover {
	background-color: var(--color-black-6) !important;
}

.dark__mode .btn__fill,
.dark__mode .btn__amarelo {
	background-color: var(--color-yellow-main) !important;
	color: var(--color-red-10) !important;
}

.dark__mode .btn__fill *,
.dark__mode .btn__amarelo * {
	color: var(--color-red-10) !important;
}

.dark__mode .btn__marrom {
	background-color: var(--color-red-main) !important;
	color: var(--color-white) !important;
}

/* ======================================================
   TABLES
   ====================================================== */

.dark__mode table,
.dark__mode th,
.dark__mode td {
	border-color: var(--color-black-6) !important;
}

.dark__mode th,
.dark__mode thead th {
	color: var(--color-white) !important;
}

/* ======================================================
   SPECIFIC TEXT COLORS
   ====================================================== */

.dark__mode .menu__topo_btn_newsletter span,
.dark__mode .loop__categorias h3,
.dark__mode .section__frase_central * {
	color: var(--color-yellow-main) !important;
}

.dark__mode .text_chapeu,
.dark__mode .categories__blog_tag {
	color: var(--color-yellow-main) !important;
}

.dark__mode .schema-faq .schema-faq-answer {
	color: var(--color-black-2) !important;
}

.dark__mode .content__reading_time span {
	color: var(--color-blue-soft) !important;
}

/* ======================================================
   ICONS / IMAGES
   ====================================================== */

.dark__mode .icone__hamburguer,
.dark__mode .icone__editorias,
.dark__mode #btnMenuSearch img,
.dark__mode .invert__img,
.dark__mode .galeria-mansory__list img[src$=".svg"],
.dark__mode .tabs-mansory__list img[src$=".svg"],
.dark__mode .redes__sociais_fixed img {
	filter: brightness(0) invert(1);
}

.dark__mode .bookmar_ativado img {
	filter: grayscale(1) !important;
}

.dark__mode .fifty__fifty_decorative_graphic {
	width: auto;
	filter: invert(1) contrast(0);
	opacity: .5;
}

/* ======================================================
   SVG / DECORATIVE GRAPHICS
   ====================================================== */

.dark__mode .hero__grafismo,
.dark__mode .fifty__fifty_decorative_graphic {
	opacity: .45;
}

/* ======================================================
   TRANSITIONS
   ====================================================== */

.dark__mode [class*="_dark"],
.dark__mode .menu__topo,
.dark__mode .menu__main_desktop,
.dark__mode .footer,
.dark__mode .card__loop_horizontal,
.dark__mode .single__reading_control_button,
.dark__mode .single__theme_toggle,
.dark__mode .single__author_box,
.dark__mode .single__tags_box,
.dark__mode input,
.dark__mode textarea,
.dark__mode select {
	transition: background-color .2s ease, color .2s ease, border-color .2s ease, filter .2s ease;
}