/**
 * Performance Utilities
 * Common styles extracted from inline attributes to reduce HTML size
 */

/* Spacing utilities */
.mt-05 { margin-top: 0.5rem; }
.mb-05 { margin-bottom: 0.5rem; }
.mb-1 { margin-bottom: 1rem; }

/* Text utilities */
.text-muted { color: var(--muted); }
.text-nowrap { white-space: nowrap; }
.text-center { text-align: center; }
.font-sm { font-size: 0.85rem; }
.font-md { font-size: 0.95rem; }

/* Brand font */
.font-brand {
  font-family: 'Gugi', system-ui, -apple-system, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 400;
}

/* Layout utilities */
.w-full { width: 100%; }
.h-auto { height: auto; }
.block { display: block; }
.object-contain { object-fit: contain; }

/* Common link style */
.footer-link {
  color: var(--muted);
  text-decoration: none;
  font-size: 0.9rem;
}

/* Image utilities */
.img-responsive {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}

.img-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Icon sizing */
.icon-md {
  width: 48px;
  height: 48px;
  margin: 0 auto 0.5rem;
  opacity: 0.5;
}

/* Content padding */
.pad-1 { padding: 1rem; }
.pad-x-15 { padding-left: 1.5rem; padding-right: 1.5rem; }
.pad-y-2 { padding-top: 2rem; padding-bottom: 2rem; }