/* Modo noturno: paleta verde-grafite com contraste adequado (seletor mais específico que :root). */

html[data-theme='dark'] {
	--pen-bg: #0e1a16;
	--pen-surface: #14241f;
	--pen-surface-2: #1b2f28;
	--pen-text: #e8f0ea;
	--pen-body: #c8d6ce;
	--pen-muted: #97aba1;
	--pen-border: #27413a;
	--pen-link: #8fdcb0;
	--pen-btn-bg: #bfeeb2;
	--pen-btn-fg: #0b2e27;
	--pen-btn-bg-hover: #d3f6c9;
	--pen-hl: #214a3c;
	--pen-header-bg: #0e1a16;
	--pen-menu-active: #8fc7b0;
	--pen-cta-bg: #173a30;
	--pen-banner-bg: #0a2822;
	--pen-footer-bg: #0b1612;
	--pen-footer-fg: #e8f0ea;
	--pen-dn-bg: #135a47;
	--pen-resp-bar: linear-gradient(90deg, #8fdcb0, #214a3c);
	color-scheme: dark;
}

html[data-theme='dark'] body {
	background: var(--pen-bg);
	color: var(--pen-body);
}

html[data-theme='dark'] .pen-ph {
	background-color: #223730;
}

html[data-theme='dark'] .pen-card__media,
html[data-theme='dark'] .pen-short__media {
	background: #223730;
}

html[data-theme='dark'] .pen-img,
html[data-theme='dark'] .pen-card__media img,
html[data-theme='dark'] .pen-overlay__media img {
	filter: brightness(0.92);
}

html[data-theme='dark'] .pen-dots button {
	background: #3b5a51;
}

html[data-theme='dark'] .pen-dots button[aria-current='true'] {
	background: #e8f0ea;
}

html[data-theme='dark'] .pen-btn--outline {
	border-color: var(--pen-text);
	color: var(--pen-text);
}

html[data-theme='dark'] .pen-side-card--donate .pen-btn--dark {
	background: #0b2e27;
	color: #fff;
}

html[data-theme='dark'] .pen-cta__text,
html[data-theme='dark'] .pen-cta__title {
	color: var(--pen-text);
}

html[data-theme='dark'] .pen-donate {
	color: var(--pen-donate-fg);
}

html[data-theme='dark'] .pen-menu--primary .sub-menu {
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}

html[data-theme='dark'] .pen-tag {
	background: var(--pen-surface-2);
	color: var(--pen-text);
}

html[data-theme='dark'] .pen-pill-btn {
	background: #1f4a3c;
	color: #e8f0ea;
}

html[data-theme='dark'] .pen-pill-btn:hover {
	background: #286150;
}

html[data-theme='dark'] .pen-share-pop {
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.55);
}

html[data-theme='dark'] input,
html[data-theme='dark'] textarea,
html[data-theme='dark'] select {
	background: var(--pen-surface);
	color: var(--pen-text);
	border-color: var(--pen-border);
}

html[data-theme='dark'] input::placeholder,
html[data-theme='dark'] textarea::placeholder {
	color: var(--pen-muted);
}

html[data-theme='dark'] .pen-comments__empty-icon,
html[data-theme='dark'] .pen-avatar {
	background: var(--pen-surface-2);
	color: var(--pen-muted);
}

html[data-theme='dark'] .pen-content code,
html[data-theme='dark'] .pen-content pre {
	background: var(--pen-surface-2);
	color: var(--pen-text);
}