{# ---- Launcher (collapsed): paintbrush FAB; a 'reset' link appears to its left while a theme override is active ---- #}

{% comment %}Palette priming: forces the build to emit a --color-*-* var for every accent and gray shade the controls remap to live (the kit otherwise only emits the zinc scale it uses). Tailwind scans this literal class list at build time; the element never renders.{% endcomment %} {# ---- Card (expanded) ---- #}

{# Header #}

Theme

{# Scrolling control body #}

{% comment %}Accent. Swatches are server-rendered (Django loop) so each can carry the kit's own xs tooltip with the colour name; Alpine still drives click + active ring.{% endcomment %}

Accent

{% for c in accent_list %}

{% endfor %}

{# Gray base — remaps the zinc scale the kit is built on. #}

Gray

{% for c in gray_list %}

{% endfor %}

{% comment %}Form controls / Structural via the kit's own Tabs (fill = equal-width nav). Multi-option tokens use compact right-aligned native selects: @change writes the value and re-themes; :selected reflects state (avoids the x-model + x-for-options init race that would otherwise pin the select to its first option).{% endcomment %}

Radius

Button radius Full (pill)

Shadow

Focus ring

Radius

Shadow

Card border

{# Surface lift is the one token set per-mode, so light and dark each get a slider. #}

Light mode surface (%)

Dark mode surface (%)

{# ---- CSS override: compact, collapsible, with copy ---- #}