/**
 * Valui Blog — Dark mode
 * Tokens from Figma Home / Desktop / Dark (22:2650) + Mobile / Dark (21:655)
 */

/* Theme icon swap — must beat `.valui-icon-btn img { display: block }` */
.valui-icon-btn img.valui-theme-icon--dark,
.valui-header__search img.valui-theme-icon--dark {
	display: none;
}

[data-theme="dark"] .valui-icon-btn img.valui-theme-icon--light,
[data-theme="dark"] .valui-header__search img.valui-theme-icon--light {
	display: none;
}

[data-theme="dark"] .valui-icon-btn img.valui-theme-icon--dark,
[data-theme="dark"] .valui-header__search img.valui-theme-icon--dark {
	display: block;
}

[data-theme="dark"] {
	--valui-purple-soft: #a366ff;
	color-scheme: dark;
}

/*--------------------------------------------------------------
# Shell
--------------------------------------------------------------*/
[data-theme="dark"] body.valui-blog {
	background: #111827;
	color: #f9fafb;
}

[data-theme="dark"] body.valui-blog .site {
	background: #111827;
	border-color: #1f2937;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
[data-theme="dark"] .valui-header {
	background: rgba(31, 41, 55, 0.95);
	border-bottom-color: #374151;
}

[data-theme="dark"] .valui-header__badge {
	background: #1f2937;
	border: 1px solid #374151;
	color: #9ca3af;
}

[data-theme="dark"] .valui-header__nav-link {
	color: #d1d5db;
}

[data-theme="dark"] .valui-header__nav-link.is-active {
	color: #a366ff;
}

[data-theme="dark"] .valui-header__nav-link.is-active::after {
	background: #a366ff;
}

[data-theme="dark"] .valui-header__search input {
	background: #111827;
	border-color: #374151;
	color: #f9fafb;
}

[data-theme="dark"] .valui-header__search input:focus {
	color: #f9fafb !important;
	-webkit-text-fill-color: #f9fafb;
}

[data-theme="dark"] .valui-header__search input::placeholder {
	color: #6b7280;
}

[data-theme="dark"] .valui-header__goto {
	color: #9ca3af;
}

[data-theme="dark"] .valui-icon-btn--search {
	background: #1f2937;
}

/* Beat `nav.valui-nav.valui-only-mobile { background: #fff }` (0,2,1) */
[data-theme="dark"] nav.valui-nav,
[data-theme="dark"] nav.valui-nav.valui-only-mobile,
[data-theme="dark"] .valui-nav.main-navigation {
	background: #1f2937;
	border-bottom-color: #374151;
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.35);
}

[data-theme="dark"] body.valui-blog .valui-nav .nav-menu a,
[data-theme="dark"] body.valui-blog .valui-nav.main-navigation a,
[data-theme="dark"] body.valui-blog nav.valui-nav.valui-only-mobile a {
	color: #e5e7eb;
	border-bottom-color: #374151;
}

[data-theme="dark"] body.valui-blog .valui-nav .nav-menu a:hover,
[data-theme="dark"] body.valui-blog .valui-nav.main-navigation a:hover,
[data-theme="dark"] body.valui-blog nav.valui-nav.valui-only-mobile a:hover {
	color: #a366ff;
}

/*--------------------------------------------------------------
# CTA bar
--------------------------------------------------------------*/
[data-theme="dark"] .valui-cta-bar {
	background: rgba(59, 7, 100, 0.5);
	border-bottom-color: rgba(107, 33, 168, 0.4);
}

[data-theme="dark"] .valui-cta-bar__text {
	color: #a366ff;
}

/*--------------------------------------------------------------
# Hero
--------------------------------------------------------------*/
[data-theme="dark"] .valui-hero {
	border-color: #1f2937;
	background: linear-gradient(148deg, #1f2937 0%, #1a2338 50%, #201538 100%);
}

[data-theme="dark"] .valui-hero__pill {
	background: #111827;
	border-color: rgba(107, 33, 168, 0.6);
}

[data-theme="dark"] .valui-hero__pill-text {
	color: #a366ff;
}

[data-theme="dark"] .valui-hero__title {
	color: #fff;
}

[data-theme="dark"] .valui-hero__subtitle {
	color: #9ca3af;
}

[data-theme="dark"] .valui-hero__cta--secondary {
	background: #1f2937;
	border-color: #4b5563;
	color: #d1d5db !important;
}

@media (min-width: 1024px) {
	[data-theme="dark"] .valui-hero {
		background: linear-gradient(163deg, #1f2937 0%, #161f30 50%, #1f1633 100%);
		box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
	}
}

/*--------------------------------------------------------------
# Categories
--------------------------------------------------------------*/
[data-theme="dark"] .valui-categories__label {
	color: #9ca3af;
}

[data-theme="dark"] .valui-categories__count {
	color: #a366ff;
}

[data-theme="dark"] .valui-chip {
	background: #1f2937;
	border-color: #374151;
	color: #d1d5db;
}

[data-theme="dark"] .valui-chip--active {
	background: #8000ff;
	border-color: #8000ff;
	color: #fff;
}

[data-theme="dark"] .valui-chip--tendencias,
[data-theme="dark"] .valui-chip--tecnologia,
[data-theme="dark"] .valui-chip--proprietarios,
[data-theme="dark"] .valui-chip--novidades {
	color: #d1d5db;
}

/*--------------------------------------------------------------
# Featured
--------------------------------------------------------------*/
[data-theme="dark"] .valui-featured {
	background: #1f2937;
	border-color: #374151;
}

[data-theme="dark"] .valui-featured__media {
	background: #111827;
}

[data-theme="dark"] .valui-featured__badge {
	background: rgba(17, 24, 39, 0.95);
	color: #ffffffd2;
}

[data-theme="dark"] .valui-featured__meta {
	color: #9ca3af;
}

[data-theme="dark"] .valui-featured__title,
[data-theme="dark"] .valui-featured__title a {
	color: #fff;
}

[data-theme="dark"] .valui-featured__excerpt {
	color: #9ca3af;
}

[data-theme="dark"] .valui-featured__author {
	color: #f3f4f6;
}

[data-theme="dark"] .valui-featured__read {
	color: #a366ff;
}

[data-theme="dark"] .valui-featured__footer {
	border-top-color: #374151;
}

/*--------------------------------------------------------------
# Latest / post cards (mobile)
--------------------------------------------------------------*/
[data-theme="dark"] .valui-latest__title {
	color: #fff;
}

[data-theme="dark"] .valui-post-card {
	background: #1f2937;
	border-color: #374151;
}

[data-theme="dark"] .valui-post-card__title {
	color: #fff;
}

[data-theme="dark"] .valui-post-card__meta {
	color: #6b7280;
}

[data-theme="dark"] .valui-latest__count {
	color: #9ca3af;
}

/*--------------------------------------------------------------
# Grid cards (desktop)
--------------------------------------------------------------*/
[data-theme="dark"] .valui-grid-card {
	background: #1f2937;
	border-color: #374151;
}

[data-theme="dark"] .valui-grid-card__media {
	background: #111827;
}

[data-theme="dark"] .valui-grid-card__badge {
	background: rgba(17, 24, 39, 0.95);
}

[data-theme="dark"] .valui-grid-card__title {
	color: #fff;
}

[data-theme="dark"] .valui-grid-card__excerpt,
[data-theme="dark"] .valui-grid-card__meta {
	color: #9ca3af;
}

[data-theme="dark"] .valui-grid-card__author {
	color: #e5e7eb;
}

[data-theme="dark"] .valui-grid-card__read {
	color: #a366ff;
}

[data-theme="dark"] .valui-grid-card__footer {
	border-top-color: #374151;
}

[data-theme="dark"] .valui-latest__more-btn {
	background: #1f2937;
	border-color: #4b5563;
	color: #d1d5db;
}

/*--------------------------------------------------------------
# Tools
--------------------------------------------------------------*/
[data-theme="dark"] .valui-tools {
	border-color: #1f2937;
	background: linear-gradient(156deg, #1f2937 0%, #161f30 50%, #1f1633 100%);
}

[data-theme="dark"] .valui-tools__eyebrow {
	color: #a366ff;
}

[data-theme="dark"] .valui-tools__heading {
	color: #fff;
}

[data-theme="dark"] .valui-tools__sub {
	color: #9ca3af;
}

[data-theme="dark"] .valui-tool-row,
[data-theme="dark"] .valui-newsletter,
[data-theme="dark"] .valui-tool-card {
	background: #1f2937;
	border-color: #374151;
}

[data-theme="dark"] .valui-tool-row__title,
[data-theme="dark"] .valui-newsletter__title,
[data-theme="dark"] .valui-tool-card__title {
	color: #fff;
}

[data-theme="dark"] .valui-tool-row__desc,
[data-theme="dark"] .valui-tool-card__desc {
	color: #9ca3af;
}

[data-theme="dark"] .valui-tool-row__btn--ghost,
[data-theme="dark"] .valui-tool-card__btn--ghost {
	background: transparent;
	border-color: #4b5563;
	color: #e5e7eb !important;
}

[data-theme="dark"] .valui-newsletter__input,
[data-theme="dark"] .valui-tool-card__input {
	background: #111827;
	border-color: #374151;
	color: #f9fafb;
}

[data-theme="dark"] .valui-newsletter__input:focus,
[data-theme="dark"] .valui-tool-card__input:focus {
	color: #f9fafb !important;
	-webkit-text-fill-color: #f9fafb;
}

[data-theme="dark"] .valui-newsletter__input::placeholder,
[data-theme="dark"] .valui-tool-card__input::placeholder {
	color: #6b7280;
}

[data-theme="dark"] .valui-tool-card__icon--purple {
	background: rgba(128, 0, 255, 0.2);
}

[data-theme="dark"] .valui-tool-card__icon--blue {
	background: rgba(37, 99, 235, 0.2);
}

[data-theme="dark"] .valui-tool-card__icon--green {
	background: rgba(0, 224, 0, 0.15);
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
[data-theme="dark"] .valui-footer {
	background: #1f2937;
	border-top-color: #1f2937;
}

[data-theme="dark"] .valui-footer__logo {
	color: #fff;
}

[data-theme="dark"] .valui-footer__links a,
[data-theme="dark"] .valui-footer__col-list a {
	color: #9ca3af;
}

[data-theme="dark"] .valui-footer__col-list a.is-accent {
	color: #a366ff;
}

[data-theme="dark"] .valui-footer__copy,
[data-theme="dark"] .valui-footer__copy-desktop,
[data-theme="dark"] .valui-footer__meta,
[data-theme="dark"] .valui-footer__about,
[data-theme="dark"] .valui-footer__blog-label {
	color: #6b7280;
}

[data-theme="dark"] .valui-footer__blog-label {
	background: #1f2937;
	border: 1px solid #374151;
	color: #9ca3af;
	padding: 2px 8px;
	border-radius: 6px;
}

[data-theme="dark"] .valui-footer__col-title {
	color: #f3f4f6;
}

[data-theme="dark"] .valui-footer__bottom {
	border-top-color: #374151;
}

[data-theme="dark"] .valui-footer__meta strong {
	color: #d1d5db;
}

[data-theme="dark"] .valui-footer__site-link {
	color: #a366ff !important;
}