/* ===== Demo Card Placeholder Contrast Fix ===== */
/* Placeholder areas on demo cards (dark gray bg) need higher contrast text */

.demo-card-placeholder {
    /* Shared placeholder container styles */
}

.demo-card-placeholder .placeholder-icon {
    /* Icon: dark enough for gray-100 bg in light, bright enough for gray-700 bg in dark */
    color: #4B5563;              /* gray-600 in light mode — 5.42:1 on gray-100 */
}

.dark .demo-card-placeholder .placeholder-icon {
    color: #E2E8F0;              /* gray-200 in dark mode — 6.07:1 on gray-700 */
}

.demo-card-placeholder .placeholder-label {
    /* Label text: was text-gray-400 (light) / dark:text-gray-500 → now high contrast */
    color: #4b5563;              /* gray-600 in light mode — readable on gray-100 bg */
}

.dark .demo-card-placeholder .placeholder-label {
    color: #e2e8f0;              /* gray-200 in dark mode — clearly readable on gray-700 bg */
}