.portfolio-item-page .text-gray-900 { color: var(--ink) !important; }
.portfolio-item-page .text-gray-700,
.portfolio-item-page .text-gray-600 { color: var(--ink-2) !important; }
.portfolio-item-page .text-gray-500,
.portfolio-item-page .text-gray-400 { color: var(--ink-3) !important; }

.portfolio-item-page .bg-white   { background: var(--dark2) !important; }
.portfolio-item-page .bg-gray-50 { background: var(--dark3) !important; }
.portfolio-item-page .bg-gray-100,
.portfolio-item-page .bg-gray-50.px-3 { background: var(--paper) !important; }

.portfolio-item-page .border-gray-200,
.portfolio-item-page .border-gray-100,
.portfolio-item-page .border-t { border-color: var(--line) !important; }

.portfolio-item-page .bg-gray-100.text-gray-600 {
    background: var(--paper) !important;
    color: var(--ink-2) !important;
}

.portfolio-item-page .text-blue-500,
.portfolio-item-page .text-blue-600 { color: var(--accent) !important; }
.portfolio-item-page .hover\:text-blue-500:hover,
.portfolio-item-page .hover\:text-blue-700:hover,
.portfolio-item-page .group-hover\:text-blue-600:hover { color: var(--accent-light) !important; }
.portfolio-item-page .bg-blue-500,
.portfolio-item-page .hover\:bg-blue-600:hover { background: var(--accent) !important; }
.portfolio-item-page .border-blue-400 { border-color: var(--accent) !important; }

.portfolio-item-page .prose-content { color: var(--ink-2); }

.portfolio-item-page .bg-gray-50 .bg-white,
.portfolio-item-page section.bg-gray-50 { background: var(--dark3) !important; }

.portfolio-item-page img[src=""] { display: none; }
.portfolio-item-page .aspect-video,
.portfolio-item-page figure { background: var(--paper); }