/* =============================================================================
 * theme.css · entry point for monoline-ui theme foundations
 * ─────────────────────────────────────────────────────────────────────────────
 * Bundles design tokens, tailwind config, base, typography, animations,
 * and utilities.
 * ========================================================================== */

@import "./theme/tokens.css";
@import "./theme/tailwind.css";
@import "./theme/base.css";
@import "./theme/typography.css";
@import "./theme/animations.css";
@import "./theme/utilities.css";

/* =============================================================================
 * USAGE NOTES (read these once, then forget them)
 * ─────────────────────────────────────────────────────────────────────────────
 * - Theme switch:  <html data-theme="dark">  or  <html class="dark">
 *                  Either works; pick whichever your app already toggles.
 * - Tailwind:      bg-background, text-foreground, bg-card, border-border-strong
 *                  All auto-generated from the @theme block above.
 * - CSS direct:    background: var(--surface);  color: var(--text-muted);
 *                  Use directly when Tailwind utility names would be ugly.
 * - Animations:    <div className="animate-heart-pop">  or  animation: heart-pop ...
 * - Motion tokens: transition-duration: var(--duration-short)
 *                  transition-timing-function: var(--ease-out-expo)
 * - Reduced motion is handled automatically - your custom transitions in
 *   component code should still use the duration tokens so they're caught.
 *
 * If you need a token that isn't here, add it to the appropriate section
 * (DARK + LIGHT + @theme inline) instead of inlining a value in a component.
 * This file is the single source. Components reference, don't redefine.
 * ========================================================================== */

/* =============================================================================
 * Component Styles (auto-generated by sync-exports)
 * ========================================================================== */
/* @components-start */
@import "../components/avatar/avatar.css";
@import "../components/back-link/back-link.css";
@import "../components/badge/badge.css";
@import "../components/button/button.css";
@import "../components/callout/callout.css";
@import "../components/card/card.css";
@import "../components/changelog/changelog.css";
@import "../components/checkbox/checkbox.css";
@import "../components/code-block/code-block.css";
@import "../components/command-search/command-search.css";
@import "../components/container/container.css";
@import "../components/data-list/data-list.css";
@import "../components/dialog/dialog.css";
@import "../components/dropdown-menu/dropdown-menu.css";
@import "../components/eyebrow/eyebrow.css";
@import "../components/field/field.css";
@import "../components/footer/footer.css";
@import "../components/input/input.css";
@import "../components/label/label.css";
@import "../components/link-list/link-list.css";
@import "../components/media-frame/media-frame.css";
@import "../components/navbar/navbar.css";
@import "../components/popover/popover.css";
@import "../components/progress/progress.css";
@import "../components/radio-group/radio-group.css";
@import "../components/rail/rail.css";
@import "../components/resources-panel/resources-panel.css";
@import "../components/segmented-control/segmented-control.css";
@import "../components/select/select.css";
@import "../components/separator/separator.css";
@import "../components/skeleton/skeleton.css";
@import "../components/status/status.css";
@import "../components/tag/tag.css";
@import "../components/testimonial/testimonial.css";
@import "../components/testimonial-grid/testimonial-grid.css";
@import "../components/textarea/textarea.css";
@import "../components/theme-switcher/theme-switcher.css";
@import "../components/toast/toast.css";
@import "../components/toggle/toggle.css";
@import "../components/tooltip/tooltip.css";
/* @components-end */

@source "..";