/**
 * AWP PrintWise - Form Design System / Tailwind utilities
 * Ana stiller styles/form-system.css içinde (@layer components).
 * Bu dosya: token tabanlı utility sınıfları (HTML'de kullanım için).
 * JS-linked sınıflar korunur: awp-form-input, awp-btn-primary, awp-error, awp-success, vb.
 */

/* Token-based utilities (form-system tokens kullanır) */
.rounded-sm {
  border-radius: var(--radius-sm, 6px);
}
.rounded-md {
  border-radius: var(--radius-md, 6px);
}
.shadow-xs {
  box-shadow: var(--shadow-xs, 0 1px 2px rgba(0, 0, 0, 0.05));
}
.shadow-sm {
  box-shadow: var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.06));
}
.ring-offset-2 {
  --ring-offset-width: 2px;
}

/* Focus ring offset (form-system ile uyumlu) */
.focus\:ring-offset-2:focus {
  box-shadow: 0 0 0 var(--ring-offset-width, 2px)
    var(--ring-offset-color, var(--tw-ring-shadow));
}