@media (prefers-color-scheme: light) {
    .empty-state {
        .title {
            background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 50%, #1e40af 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .description {
            opacity: 0.8;
            color: #64748b;
        }
    }

    .no-results-state {
        .illustration {
            opacity: 0.3;

            .search-circle,
            .search-handle,
            .empty-box,
            .empty-line {
                stroke: #64748b;
            }
        }
    }

    .no-data-state {
        .empty-icon {
            color: #2563eb;
        }

        .secondary-button {
            color: #2563eb;
        }
    }
}
