/*
 * Searchable resources — the muted green that marks agents, workflows and
 * templates whose semantic search indexing is on (ui/indexed-badge.js).
 *
 * Hand-written rather than Tailwind utilities: the emerald/green ramp in the
 * precompiled css/tailwind.min.css is too saturated for a whole-card tint,
 * and a single pair of classes keeps light and dark in one place. Loads after
 * tailwind.min.css; the dark rules key on `html.dark` like dark-theme.css.
 *
 *   .searchable-card   card background + border colour (the card keeps its
 *                      own `border` width / radius / hover classes)
 *   .searchable-badge  the "Searchable" pill
 */

.searchable-card {
    background-color: #eef5f1;
    border-color: #c3dbcd;
}

.searchable-badge {
    background-color: #e3eee8;
    color: #2f5e48;
}

html.dark .searchable-card {
    background-color: #1f2d2c;
    border-color: #35524b;
}

html.dark .searchable-badge {
    background-color: rgba(120, 170, 145, 0.18);
    color: #a9cfbb;
}