/* Serviyou Technologies — Utility helpers (v3.0)
 *
 * Token-driven helpers for layouts that don't have Tailwind classes
 * loaded (rare — most pages do — but we keep them here as a safety
 * net so a token-only page still renders sanely).
 */

.container-page {
  max-width: var(--container-xl);
  margin-inline: auto;
  padding-inline: var(--space-4);
}
@media (min-width: 768px) {
  .container-page { padding-inline: var(--space-6); }
}

.stack-2 > * + * { margin-top: var(--space-2); }
.stack-4 > * + * { margin-top: var(--space-4); }
.stack-6 > * + * { margin-top: var(--space-6); }
.stack-8 > * + * { margin-top: var(--space-8); }

.text-balance { text-wrap: balance; }
.text-pretty  { text-wrap: pretty; }

.elevated-1 { box-shadow: var(--shadow-sm); }
.elevated-2 { box-shadow: var(--shadow-md); }
.elevated-3 { box-shadow: var(--shadow-lg); }

/* Focus-visible polyfill helper — buttons in custom containers */
.focus-ring:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.focus-ring-amber:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring-amber);
}