/* ==============================================================================
   UTILITY CLASSES (Tachibana CSS)
   Classes utilitárias auxiliares para suporte aos templates
   ============================================================================== */

/* Cores de Texto */
.text-tertiary { color: var(--text-tertiary); }
.text-primary  { color: var(--text-primary); }

/* Escala de Tipografia */
.text-xs   { font-size: var(--text-xs); }
.text-sm   { font-size: var(--text-sm); }
.text-base { font-size: var(--text-base); }
.text-lg   { font-size: var(--text-lg); }
.text-xl   { font-size: var(--text-xl); }
.text-2xl  { font-size: var(--text-2xl); }

/* Pesos de Tipografia */
.weight-bold      { font-weight: var(--weight-bold); }
.weight-semibold  { font-weight: var(--weight-semibold); }
.weight-extrabold { font-weight: var(--weight-extrabold); }

/* Espaçamento: Margens */
.mb-2 { margin-bottom: var(--space-2); }
.mb-3 { margin-bottom: var(--space-3); }
.mb-4 { margin-bottom: var(--space-4); }
.mb-5 { margin-bottom: var(--space-5); }
.mb-6 { margin-bottom: var(--space-6); }
.mt-1 { margin-top: var(--space-1); }
.mt-3 { margin-top: var(--space-3); }
.mt-4 { margin-top: var(--space-4); }
.mt-6 { margin-top: var(--space-6); }
.ml-2 { margin-left: var(--space-2); }

/* Espaçamento: Padding */
.py-4 { padding-top: var(--space-4); padding-bottom: var(--space-4); }
.py-6 { padding-top: var(--space-6); padding-bottom: var(--space-6); }
.pt-4 { padding-top: var(--space-4); }

/* Largura */
.w-full { width: 100%; }

/* Listas */
.list-none { list-style: none; }

/* Layout Flex e Alinhamento */
.gap-2 { gap: var(--space-2); }
.gap-3 { gap: var(--space-3); }

.flex        { display: flex; }
.flex-col    { flex-direction: column; }
.flex-wrap   { flex-wrap: wrap; }
.items-start { align-items: flex-start; }
.items-center { align-items: center; }
.flex-1      { flex: 1; }
.min-w-0     { min-width: 0; }

/* Tipografia e Quebra de Linha */
.text-center  { text-align: center; }
.text-mono   { font-family: var(--tc-font-mono); }
.tracking-2   { letter-spacing: 2px; }
.break-words  { overflow-wrap: break-word; word-break: break-word; }