﻿/* Dark Mode  Global Rules */
/* DARK MODE */

body.dark-mode {
	background-color: #202225;
	color: #e5e7eb;
}

/* Logo toggle for dark mode */
.logo-dark {
	display: none;
}

body.dark-mode .logo-light {
	display: none;
}

body.dark-mode .logo-dark {
	display: block;
}

body.dark-mode .text-secondary-bg-color {
	color: #ffffff;
}

/* Nav Header */
body.dark-mode .bg-main-bg-color {
	background-color: #202225;
}

body.dark-mode .bg-secondary-bg-color {
	background-color: #123e8a;
}

body.dark-mode .text-main-text-color,
body.dark-mode input::placeholder {
	color: #9ca3af;
}

/* Search + comment form inputs */
body.dark-mode input[type="text"],
body.dark-mode .sp-comments .comment-form input[type="text"],
body.dark-mode .sp-comments .comment-form input[type="email"],
body.dark-mode .sp-comments .comment-form input[type="url"],
body.dark-mode .sp-comments .comment-form textarea {
	background-color: #2d3036;
	color: #e5e7eb;
	border-color: rgba(255, 255, 255, 0.12);
}

body.dark-mode .sp-comments .comment-form input:focus,
body.dark-mode .sp-comments .comment-form textarea:focus {
	border-color: #3b82f6;
}

/* Block section headers – brand blue */
body.dark-mode .economics-title,
body.dark-mode .markets-main-title,
body.dark-mode .news-column-title,
body.dark-mode .cost-ticket-title,
body.dark-mode .industry-title,
body.dark-mode .news-row-title {
	color: #123e8a;
}

/* Card backgrounds – #23262d */
body.dark-mode .economics-post-item,
body.dark-mode .economics-calendar-section,
body.dark-mode .markets-highlight,
body.dark-mode .markets-section,
body.dark-mode .markets-featured,
body.dark-mode .markets-sidebar-item,
body.dark-mode .news-featured,
body.dark-mode .news-secondary-item,
body.dark-mode .economics-calendar,
body.dark-mode .news-sidebar,
body.dark-mode .news-grid-item,
body.dark-mode .news-column-item,
body.dark-mode .news-row-item,
body.dark-mode .cost-ticket-item,
body.dark-mode .industry-item,
body.dark-mode .markets-featured-content,
body.dark-mode .sp-author__card,
body.dark-mode .sp-sidebar__card,
body.dark-mode .sp-tag,
body.dark-mode .profile-avatar-card,
body.dark-mode .profile-card,
body.dark-mode .fav-card {
	background-color: #23262d;
	border-color: rgba(255, 255, 255, 0.08);
}

/* Sub-titles inside cards → brand blue */
body.dark-mode .markets-highlight-title,
body.dark-mode .markets-section-title {
	color: #123e8a;
}

/* Titles – #f3f4f6 */
body.dark-mode .economics-post-title,
body.dark-mode .economics-calendar-title,
body.dark-mode .markets-featured-title,
body.dark-mode .markets-sidebar-title,
body.dark-mode .news-featured-title,
body.dark-mode .economics-event-date,
body.dark-mode .news-secondary-title,
body.dark-mode .economics-event-title,
body.dark-mode .news-grid-title,
body.dark-mode .news-column-post-title,
body.dark-mode .news-sidebar-title,
body.dark-mode .sp-header__title,
body.dark-mode .sp-meta__name,
body.dark-mode .sp-entry h2,
body.dark-mode .sp-section-title,
body.dark-mode .sp-sidebar__card-title,
body.dark-mode .sp-author__name,
body.dark-mode .sp-comments .comments-title,
body.dark-mode .sp-comments .comment-author b,
body.dark-mode .profile-name,
body.dark-mode .profile-card__title,
body.dark-mode .fav-title,
body.dark-mode .fav-card__title {
	color: #f3f4f6;
}

/* Muted text – #9ca3af */
body.dark-mode .economics-post-excerpt,
body.dark-mode .economics-event-status,
body.dark-mode .markets-featured-excerpt,
body.dark-mode .markets-sidebar-excerpt,
body.dark-mode .markets-see-more,
body.dark-mode .news-featured-excerpt,
body.dark-mode .news-secondary-excerpt,
body.dark-mode .news-grid-excerpt,
body.dark-mode .news-column-summary,
body.dark-mode .sp-header__excerpt,
body.dark-mode .sp-breadcrumb__nav,
body.dark-mode .sp-toc__link,
body.dark-mode .sp-author__bio,
body.dark-mode .profile-email,
body.dark-mode .profile-field__label,
body.dark-mode .profile-stat__label {
	color: #9ca3af;
}

/* Body text – #d1d5db */
body.dark-mode .sp-entry,
body.dark-mode .sp-tag,
body.dark-mode .sp-action-btn,
body.dark-mode .sp-comments .comment-content p,
body.dark-mode .profile-field__value {
	color: #d1d5db;
}

/* Sub-headings – #e5e7eb */
body.dark-mode .sp-entry h3,
body.dark-mode .sp-entry h4,
body.dark-mode .sp-entry th {
	color: #e5e7eb;
}

/* Links – #60a5fa */
body.dark-mode .sp-breadcrumb__nav a,
body.dark-mode .sp-entry a,
body.dark-mode .sp-tag:hover,
body.dark-mode .sp-toc__link:hover,
body.dark-mode .sp-toc__link.is-active {
	color: #60a5fa;
}

/* Borders – subtle dividers */
body.dark-mode .economics-event-item,
body.dark-mode .sp-breadcrumb,
body.dark-mode .sp-meta,
body.dark-mode .sp-tags,
body.dark-mode .sp-author,
body.dark-mode .sp-comments {
	border-color: rgba(255, 255, 255, 0.07);
}

body.dark-mode .sp-comments .comment,
body.dark-mode .sp-sidebar {
	border-color: rgba(255, 255, 255, 0.06);
}

body.dark-mode .sp-entry td,
body.dark-mode .sp-entry hr {
	border-color: rgba(255, 255, 255, 0.09);
}

body.dark-mode .sp-action-btn {
	border-color: rgba(255, 255, 255, 0.14);
}

/* Section bg – #2d3036 */
body.dark-mode .sp-action-btn:hover,
body.dark-mode .sp-entry code,
body.dark-mode .sp-entry th {
	background: #2d3036;
}

/* Sidebar bg */
body.dark-mode .sp-sidebar {
	background: #202225;
}

/* Even table rows */
body.dark-mode .sp-entry tr:nth-child(even) td {
	background: rgba(255, 255, 255, 0.03);
}

/* Accent hovers */
body.dark-mode .sp-tag:hover,
body.dark-mode .sp-toc__link:hover,
body.dark-mode .sp-toc__link.is-active {
	background: rgba(59, 130, 246, 0.1);
}

body.dark-mode .sp-toc__link:hover,
body.dark-mode .sp-toc__link.is-active {
	border-left-color: #60a5fa;
}

/* SP-specific: badge, blockquote, code, excerpt border */
body.dark-mode .sp-badge {
	background: #1e3a5f;
	color: #60a5fa;
}

body.dark-mode .sp-entry code {
	color: #f472b6;
}

body.dark-mode .sp-header__excerpt,
body.dark-mode .sp-entry blockquote {
	border-left-color: #3b82f6;
}

body.dark-mode .sp-entry blockquote {
	background: rgba(59, 130, 246, 0.08);
	color: #d1d5db;
}

/* Cost-ticket / footer / ticker */
body.dark-mode .wp-block-blocks-cost-ticket {
	background-color: #202225;
}

body.dark-mode .market-ticker-symbol,
body.dark-mode .market-ticker-value {
	color: rgba(255, 255, 255, 0.85);
}

body.dark-mode .bg-footer-bg-color {
	background-color: #2d3036;
}

/* Smooth transition for all elements */
body.dark-mode *,
body * {
	transition:
		background-color 0.3s ease,
		color 0.3s ease,
		border-color 0.3s ease;
}

