/**
 * KeySpot component styles — aggregator.
 *
 * The monolithic component CSS was split into one file per component (the goal:
 * "every component has its own working CSS"). This file simply imports them in
 * cascade order so a single `<link href="css/components.css">` still pulls the
 * whole component layer (the Component Showcase links only this + showcase.css).
 *
 * All component CSS uses the canonical mockup design tokens (design-tokens.css)
 * directly. The retired `--ks-*` alias layer and legacy numeric palette are gone.
 * No component CSS uses Tailwind.
 */

/* Design tokens MUST load first. */
@import url("design-tokens.css");

/* Buttons */
@import url("buttons.css");
@import url("primary-button.css");
@import url("secondary-button.css");
@import url("tertiary-button.css");
@import url("icon-button.css");

/* Form controls */
@import url("input.css");
@import url("textarea.css");
@import url("checkbox.css");

/* Surfaces & feedback */
@import url("alert.css");
@import url("card.css");
@import url("loading.css");

/* Navigation & disclosure */
@import url("tab-group.css");
@import url("disclosure.css");

/* Listbox / dropdown */
@import url("dropdown-selector.css");