/* ============================================================================
 * CODECAVE — extracted component layer (retired to one component)
 *
 * This file once carried framework-free translations of every component's
 * Tailwind utility strings. The storybook now mounts the real compiled .vue
 * components against tw-bridge.css, so those translations are gone — the
 * mounted source is the source of record. What remains is the one component
 * that cannot mount in a browser: the .astro port used by project-chip.html
 * and the index thumbnail.
 *
 * Source of record: C:/Users/YaroslavZhmayev/Projects/CODECAVE/codecave.pro
 * Tailwind 4.1.13, CSS-first (@theme in src/styles/global.css).
 * ========================================================================== */

/* ---------------------------------------------------------------------------
 * ProjectChip — src/components/project/project-chip.astro
 * Slot-only, no props. Hand-translated from the source utility string,
 * resolved against the tokens in ../colors_and_type.css. Nothing invented:
 * where the source has no rule, this file has no rule.
 * ------------------------------------------------------------------------- */
.cc-chip {
  display: flex; gap: 0.5rem; align-items: center; width: fit-content;
  border: 1px solid var(--color-surface-quaternary);
  background: var(--color-surface-secondary);
  padding: 0.75rem 1.5rem;
  border-radius: var(--radius-custom);
  color: var(--color-body-primary);
}