{#- chirp-ui: Spotlight Card
    Card with auto-rotating spotlight glow effect. Pure CSS, no JS.

    Usage:
        from "chirpui/spotlight_card.html" import spotlight_card

        call spotlight_card()
            <h3>Highlighted</h3>
            <p>This card has a rotating spotlight</p>
        end

        call spotlight_card(variant="accent")
            <p>Accent spotlight</p>
        end
-#}

{% def spotlight_card(variant="", cls="", attrs="", attrs_unsafe="", attrs_map=none) %}
{% set _attrs_raw = attrs_unsafe or (attrs | deprecate_param("attrs", "attrs_unsafe or attrs_map")) %}
{# @consumes _hero_variant from: hero_effects — falls back to "" #}
{% set _variant = (variant if variant else consume("_hero_variant", "")) | validate_variant(("", "default", "accent"), "") %}
{% set variant_class = " chirpui-spotlight-card--" ~ _variant if _variant else "" %}
<div class="chirpui-spotlight-card{{ variant_class }}{{ " " ~ cls if cls else "" }}"
     {{ _attrs_raw | html_attrs }}
     {{ attrs_map | html_attrs }}>
    <div class="chirpui-spotlight-card__spotlight" aria-hidden="true"></div>
    <div class="chirpui-spotlight-card__content">
        {% slot %}
    </div>
</div>
{% end %}